xLayers可以在线把Sketch设计文件转换为UI代码

botbot
最后编辑于 2019年03月22日 设计

Sketch是一款Mac上的矢量图设计工具,由荷兰人Pieter Omvlee开发,很适合用来创建漂亮的UI组件。那么能不能把用Sketch设计的UI组件,转换成程序中使用的UI代码呢?

答案就是xLayers,它可以在线把Sketch设计文件转换为UI代码。打开xLayers网站,点击GET STARTED,然后上传你的Sketch文件,就可以在线查看图层结构和转换为代码了。

点击3D,可以查看图层的立体结构;点击<>,可以查看转换的代码。

目前xLayers可以为Angular、Vue.js、React、Web Components、StencilJS、LitElement输出UI代码。

xLayers的主要开发者是一位法国巴黎的小伙,叫做Wassim Chegham,是法国SFEIR的开源负责人。

关于sketch,参见1024的文章:设计师神器Sketch的开发者Pieter Omvlee。最近Sketch从Benchmark获得了2000万美元的A轮投资,还花巨资购买了域名sketch.com,真是如虎添翼。

xLayers网站:
https://xlayers.app/
https://xlayers.dev/
https://xlayers.design/

xLayers的开源代码:
https://github.com/xlayers/xlayers

Wassim Chegham的Github:
https://github.com/manekinekko/

评论

  • 这类工具的出现的确是大势所趋,新时代页面仔们也将被成熟的工具解放

    manekinekko 也是个用作品说话的大牛

登录注册后才能评论。