我正在寻找一种从SKETCH转换为HTML和CSS的方法， 我希望我能够修复整个代码以更好地满足我的需求并添加一些JS。
答案 0 :(得分：1)
外包 如果您想外包，那么有很多外包开发公司，例如ReliablePSD或HTMLPanda
草图插件 很少有素描插件可以执行此操作，但是生成的代码是绝对位置的非结构化
SaaS工具 有几种SaaS工具或编辑器，但是我们已经尝试并发现它不容易使用。应用程序的工具也很少（原生和颤动）
如果这些工具可帮助您自动生成代码，则可能存在混乱或错误的结构，因为仅凭视觉设计的一个屏幕很难确定正确的响应行为。 经过几次反复的开发和分析，我们已经对这个问题提出了挑战。我们发现混乱代码的根本原因是结构错误。 错误的结构是因为大多数工具都试图猜测或使用现有的Sketch组结构，该结构仅用于视觉效果，而不用于响应式布局。 因此，我们的解决方案决定将这些关键问题留给用户，但通过可视化编辑器提供一种非常快速直观的方式来编写Web代码。在我们的早期实验中，它确实要快得多，但是您仍然需要进行基本编辑才能导出结构和质量代码。 （反应式或HTML / CSS）。
答案 1 :(得分：0)
有Launchpad工具可以从草图文件生成网站。 （不完全免费）
那说从Sketch（或其他设计工具）转换是一个手动的东西。如果您在图层上right-click，则可以使用Copy CSS Attributes来帮助您获得在浏览器中重现所需的CSS（它并不总是完美的）
答案 2 :(得分：0)
您可以使用 Desech Studio 导入您的草图文件以获取转换后的 html/css。但是转换不会是像素完美的，因为它会尝试嵌套元素并使用 css 网格定位它们。所以你之后还是要调整边距和大小。
还有其他工具，但我没有找到任何可以使用 flex 或网格定位元素的工具。他们使用绝对位置代替，这在进行响应时很难处理。