我需要在没有插件的情况下将XD设计导出为HTML和CSS

时间:2019-06-17 05:34:16

标签: html css adobe-xd

我有一个使用Adobe XD设计的项目。有什么方法可以在CSS和HTML中导出或转换并在代码编辑器中使用?还是我必须自己设计代码?

谢谢

2 个答案:

答案 0 :(得分:0)

在adboe论坛上对此进行了讨论: https://forums.adobe.com/thread/2389490

您必须安装一个插件才能将xd项目导出到html和css。

可以在这里找到一个: http://exportkit.com/downloads

或者您只需打开XD转到插件->发现插件->并搜索Web导出/ html导出。

由于请求太多,因此Adobe正在开发本机解决方案:

https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/32003005-extract-export-css-for-development-feature

https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/13057005-export-whole-artboards-or-entire-project-as-html

但是我认为您的问题是重复的,因为已经有人提出了这个问题。

Convert HTML / CSS from Adobe XD

答案 1 :(得分:0)

你不需要插件。

您可以使用 Desech Studio 导入 adobexd 文件,然后您将获得一个带有 css 网格的干净 html 结构。不过,您仍然需要调整边距和尺寸,这不是 100% 的转换。