问如何将设计从Adobe XD迁移到Bootstrap

EN

一些工具使得将设计转换成代码变得更容易，但你(可能)无法编写代码来获得一个好的网站。

首先，没有真正的方法可以直接将原型“转换”成网站。现在有一些插件可以让这类事情变得更容易(例如"Lightning Storm CC")，但老实说，这并不能让你自己编写代码。

此外，使用Bootstrap实现自定义设计可能很困难(或者您是否使用了适用于Adobe XD的Bootstrap UI Kit？)，因为Bootstrap本身使得实现自定义设计相当棘手。

总而言之，我认为你正在寻找的解决方案并不存在。一些工具让它变得更舒适，但在实现自定义设计时，您将无法编写代码。我认为事实是有两种选择:实现自定义设计(使用代码！)或者不关心设计方面，而使用框架X(这里是Bootstrap)。

我认为最简单的方法是使用任何工具将设计从xd导出到html，在此之后，您只需实现bootstrap并开始向组件按钮添加类，input...etc之后，另一个工具可能是有用的"web导出“，但正如pklaschka先生所说的，如果不让您的手接触一些代码祝您好运

有没有可以从.xd文件中识别项目的工具？或者至少我可以在GUI中创建项目的地方，它将我的项目转换为HTML (例如，蓝色的方形按钮，里面有文本，当鼠标箭头在它上面时，它会改变不透明度)？

您可以使用Desech Studio导入xd文件，然后需要调整一些页边距和大小。这将把它转换成普通的html/css，而不是bootstrap。

在那之后，你可以切换到Webstorm并在那里编写你的网站代码，或者你可以与Desech Studio保持同步，并与react、angular、vue等集成。