标签: adobe-xd

我有一个 xd adobe 链接，里面有完整的设计页面。我想在 adobe xd windows 桌面应用程序中打开这些设计页面，但我不能。如何在 adobe xd windows 桌面应用程序中打开此链接？

开发基于 Adob​​e XD comp 的页面。

由于 Adob​​e XD 不允许您导出 CSS，因此我一直在手动编码每个元素的 CSS 属性。

我试图弄清楚以下屏幕截图的 CSS 等效项是什么。

顶部带有未模糊文本的模糊矩形：

模糊矩形 XD 设置：

基于“填充”和“81%”，很容易获取十六进制值，将其转换为 RGB，然后写入background-color: rgba(54,93,62,0.81)，但我不知道“背景模糊”设置的等效 CSS 是什么。

我已经使用Adobe XD为我的应用程序创建了精美的设计。但是现在我想将该设计转换为外观完全相同的应用。如何从Adobe XD原型转变为可运行的应用程序？

刚刚下载了Adobe XD，我想我会喜欢它的。我只是有一个问题，将其从Adobe XD导出到HTML / JS / CSS并将其移植到Visual Studio中的代码中，所以我可以使用WebForm。

这怎么可能。

我在 react-redux 应用程序中使用 material-ui 组件。我已经使用 adobe-xd 创建了 UI 原型，它提供了一个以 css 文件的形式导出字符样式（设计标记）的选项：

:root {

/* Colors: */
--text-color: #F8E29F;
--unnamed-color-6c63ff: #6C63FF;
--message-bar-avatar-panel: #3F4851;
--name-text: #A6BCD0;
--eth-subtext-stars: #748A9D;
--navbar-footer-stars-bg: #232323;
--unnamed-color-7b8188: #7B8188;
--bg-drawer: #101010;

/* Font/text values */
--unnamed-font-family-fira-sans: Fira Sans;
--unnamed-font-family-abril-fatface: Abril Fatface;
--unnamed-font-style-light: Light;
--unnamed-font-style-regular: Regular;
--unnamed-font-size-7: 7px;
--unnamed-font-size-8: 8px;
--unnamed-font-size-14: 14px;
--unnamed-font-size-16: 16px;
--unnamed-font-size-24: 24px;
--unnamed-font-size-28: 28px;
--unnamed-font-size-32: 32px;
--unnamed-character-spacing-0: 0px;
--unnamed-character-spacing-0-96: 0.96px;
--unnamed-character-spacing-1-15: 1.15px;
--unnamed-character-spacing-1-31: 1.31px;
--unnamed-line-spacing-10: 10px;
--unnamed-line-spacing-12: 12px;
--unnamed-line-spacing-20: 20px;
--unnamed-line-spacing-24: 24px;
--unnamed-line-spacing-32: 32px;
}

/* …

我在 MacOS 中使用 Flutter 和 VSCODE。刚刚MobileHomePage.dart从AdobeXD导入了一个文件，文件名是红色的 - 这意味着这个文件中存在一些错误。

我跟着这个教程。在 5:33，它表明我应该在>和 中添加以下包（adobe_xd: ^0.1.4和flutter_launcher_icons: "^0.7.3"）。现在这就是我所拥有的：pubspec.yamldependencies:dev_dependencies:

dependencies:
  flutter:
    sdk: flutter
  adobe_xd: ^0.1.4
  flutter_launcher_icons: "^0.7.3"

  cupertino_icons: ^0.1.3

dev_dependencies:
  flutter_test:
    sdk: flutter
  adobe_xd: ^0.1.4
  flutter_launcher_icons: "^0.7.3"

根据视频，此时VSCode应该会自动解决问题（将颜色转入）。它没有发生。我仍然有红色的颜色。

挖掘文件内部MobileHomePage.dart我有一个错误import 'package:adobe_xd/pinned.dart';

Target of URI doesn't exist: 'package:adobe_xd/pinned.dart'.
Try creating the file referenced by the URI, or Try using a URI for a file that does exist.darturi_does_not_exist

我试图在flutter/adobe_xd包中找到这个库，但它不存在。

~/Documents/vhosts/flutter/.pub-cache/hosted/pub.dartlang.org/adobe_xd-0.1.4/lib(stable)$ ll …

很多时候在使用Adobe XD设计原型时，我想知道两个对象之间的确切距离，以便我可以修改位置以保持设计中的比例。

设计原型时，有什么方法可以在Adobe XD中获得测量结果吗？

我的XD插件需要存储额外的数据,如用户首选项和历史记录.XD开发人员API是否允许我这样做？我可以使用哪些API？

是否可以使用eval或类似的函数在XD插件文件中执行代码？

如果我在本地计算机上的任何地方放置了Adobe XD文档。

例： C:\doc\adobe-xd\brand\brand.xd

打开它并运行一个插件

是否可以检索Adobe XD文档位置。

PS我在获取插件或插件设置位置方面没有任何麻烦

编辑

在adobexdplatform上找到答案

// These require no user interaction:
const tempFolder = await fs.getTemporaryFolder();
const pluginFolder = await fs.getPluginFolder();  // read-only access to the plugin's install folder
const pluginDataFolder = await fs.getDataFolder();  // folder to store settings

// Display file/folder picker UI to access user files:
const userFolder = await fs.getFolder();  // folder picker
const aFile = await fs.getFileForOpening();  // "Open" file picker, suitable for reading contents
const anotherFile = await …

我正在将 Adob​​e Xd 中的设计转换为 HTML 模板，其中一个元素建议使用以下 css 规则。

top: 149px;
left: 54px;
width: 463px;
height: 208px;
text-align: left;
font: normal normal medium 45px/61px Oswald; 
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 1;

顺便说一句，我熟悉类似的字体速记font: italic small-caps bold 12px/30px Georgia, serif;，它也可以使用，但是 Xd 建议的这种新格式是什么？甚至 Chrome 也发现它是invalid.