我在Adobe XD中创建了Webapp设计。
现在，我想使用Bootstrap框架和HTML在Webstorm中创建该设计。
有没有可以识别.xd文件中项目的工具？
或者至少我可以在GUI中创建项目的地方，这可以将我的项目转换为HTML（例如，带有文本的蓝色方形按钮，当其上带有鼠标箭头时，文本会更改不透明度）？
答案 0 :(得分：0)
某些工具可以更轻松地将设计转换为代码，但是（很可能）您将无法编写代码来获得一个好的网站。
首先，没有真正的方法直接将原型“转换”为网站。现在有一些插件可以使这种事情变得更容易（例如“ Lightning Storm CC”），但老实说，这并不能帮助您自己编写代码。
此外，使用Bootstrap实施自定义设计（或者您是否使用了Adobe XD的Bootstrap UI套件？）可能具有挑战性，因为Bootstrap本身使实现自定义设计变得非常棘手。
总而言之，我认为您正在寻找的解决方案不存在。一些工具使它变得更加舒适，但是在实现自定义设计时，您将无法编写代码。我认为事实是，有两个选择：实现自定义设计（使用代码！）或不在乎设计方面，而使用框架X（此处为Bootstrap）。
答案 1 :(得分：0)
我认为最简单的方法是使用任何工具将设计从xd导出到html，这是另一种可能有用的“网络导出”工具 之后，您只需要实现引导程序并开始将类添加到组件按钮，输入...等 但是正如pklaschka先生说的那样，如果不弄乱一些代码，很难进行自定义 祝你好运
答案 2 :(得分：0)
是否有工具可以识别 .xd 文件中的项目？ 或者至少我可以在 GUI 中创建项目，它将我的项目转换为 HTML（例如，带有文本的蓝色方形按钮，当鼠标箭头放在上面时会改变不透明度）？
您可以使用 Desech Studio 导入您的 xd 文件，然后您需要调整一些边距和大小。这会将其转换为 vanilla html/css，而不是引导程序。
之后，您可以切换到 Webstorm 并在那里编写您的网站代码，或者您可以与 Desech Studio 保持同步并与 react、angular、vue 等集成。