真效率神器,UI稿智能转换成前端代码,准确率极高

2021-12-01 17:45:48 浏览数 (1)

大家好,我是若川。在这充满网络促销活动的几个月,倍感压力的,除了你的口袋,是否还有程序员的发量呢?每年的双十一、双十二购物狂欢节,各大电商平台都会上线让消费者充满购买欲望的活动页面,而这些活动页面大多都是静态页面,只是为一些商品提供一个入口,UI设计小姐姐设计完页面之后交给前端程序员,然后程序员就开始无聊繁琐的搬砖。如果有一款神器,可以直接将UI小姐姐的设计稿转换成页面代码,是否能让广大前端开发者大呼万岁

神器来了!

正常项目流程

使用神器之后

CodeFun是什么? CodeFun 是一款 UI 设计稿智能生成源代码的工具,可以将 Sketch、Photoshop 的设计稿智能转换为前端源代码。它最大的特色是:

  • 精准还原设计稿,不再需要反复 UI 走查
  • 可以生成如工程师手写一般的代码

在日常工作中,诸如像扣像素、调布局这些繁琐、枯燥的体力活都将得到极大的削减,原来 8 小时的工作量只需要 10 来分钟即可完成。

扫码一键注册产品,限时免费体验

设计稿格式与输出平台

目前主流的 UI 设计软件有 Sketch、Photoshop、XD 和 Figma,目前 Sketch和PS 版本已完美支持,XD和Figma插件正在开发。

设计稿格式

操作方式

支持程度

备注

Sketch

插件上传

✅ 完美支持

PSD

插件上传

✅ 完美支持

SVG

Web 端文件上传

✅ 技术预览版

可以将 PSD / XD 先导出为 SVG 再上传

XD

插件上传

0 人点赞