我如何将Adobe XD转换为HTML CSS(Vue)?

4
我想使用vue.js制作单页应用程序。我得到了一个参考链接https://coreui.io/vue/。我的同事使用Adobe XD制作了一个原型,我的工作是将其转换为HTML CSS并使其功能化并连接到API。我能自动转换吗?还是必须手动转换?如果不能自动转换,是否有模板可以帮助我转换成HTML CSS?我在CSS方面很弱,所以需要参考资料,以便快速转换。请帮我提供几个选项。谢谢。
2个回答

0

我认为你需要手动转换。

然而,社区曾多次要求Adobe团队开发导出HTML/CSS/JS功能,并且他们正在开发中(请参考this和这个)。

此外,我认为你也可以使用一个名为“Web Export”的插件。

为了使用该插件,

请确保你已经安装了最新版本的XD

  1. 进入插件

  2. 发现插件

  3. 搜索“Web Export”

  4. 点击“安装”


该链接显示他们在八月份添加了这个功能。现在或许我们可以使用它了。我希望结果能够与原型完全一致地转换为CSS。 - moses toh

0
最直接的选择是手写html/css,然后手动将其与vue组件集成。
但是既然您说您不那么擅长css,您可以使用Desech Studio导入AdobeXD文件,进行一些调整,在Desech Studio中安装vue插件,然后它将直接将您的html/css代码与vue集成。
请查看github存储库https://github.com/desech/studio-vue以查看插件的提示和限制。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接