将json输出绘制为html



我有一个很简单的问题,有人知道JS是否有一些库可以接收Sketch-json输出,并以我可以直接在浏览器中呈现的形式(所以不是以html/css文件的形式,而是以代码的形式(返回html吗?

有https://www.animaapp.com/但据我所知,他们以文件的形式导出html和css。

我相信Figma或Zeplin都允许导入Sketch文件,所以我想知道有没有开源的东西可以用来渲染我们的Sketch文件/json?

编写一个将Sketch转换为HTML/CSS的程序需要付出努力,我们已经在解决方案中实现了自己的程序。但直接转换的代码是非结构化的,没有响应性,只适用于固定布局。

你可以从下面的回购开始https://github.com/mludowise/Sketch-HTML-Export

我们花了大约2个月的时间来写一个新的,以获得更好的转换质量。

您可以使用Desech Studio导入Sketch,然后导出为React。

草图导入不会是100%。这是一个youtube视频,它提供了更多的细节,但它们的关键是:

  • html与网格相对定位
  • 导入所有css
  • 导入标记为导出的图像和svg

至于React,它使用Facebook的create-rect应用程序作为基础。这是Desech Studio react插件的github repo。最终,您可以派生react插件repo,添加自己的代码库,并使用它来代替官方的react插件。

但我同意@pxCode这不是一个2次点击导入/导出的过程。这也需要你做一些工作。

最新更新