CodeFun 是光速软件推出了首款产品,通过 AI 算法,它可以一键将 UI 设计稿(Sketch、Figma、Photoshop)转换成如工程师手写一般的源代码。
与以往传统的从设计软件中导出 HTML 不同,它不仅可以智能分析页面布局,生成非绝对高宽的 Flexbox 代码,而且还可以识别循环列表、九宫格、等比例分配等多种业务场景。生成的代码简短可读,语义化程度高,基本上可以达到中级工程师的水准,实测研发效率至少提升 500%。
网址:https://code.fun/
设计稿格式与输出平台
CodeFun 不能将 png、jpg 等格式的位图稿件转换为源代码,只支持基于设计软件输出的矢量设计稿
设计稿格式
主流的 UI 设计软件有 Sketch、Photoshop、XD、Figma 和 即时设计,目前 Sketch、Photoshop、Figma、即时设计版本已完美支持,XD 使用过度方案转换成sketch格式即可使用。
设计稿格式 | 操作方式 | 支持程度 | 备注 |
---|---|---|---|
Sketch | 插件上传 | ✅ 完美支持 | |
PSD | 插件上传 | ✅ 完美支持 | |
Figma | 插件上传 | ✅ 完美支持 | |
即时设计 | 插件上传 | ✅ 完美支持 | |
XD | 插件上传 | ? 即将支持 | XD过渡方案入口 |
设备终端和平台
设备平台 | 支持程度 | 框架/语言 |
---|---|---|
微信小程序 | ✅ 支持 | 原生 / uni-app |
移动端 H5 | ✅ 支持 | Vue / React |
混合 App | ✅ 支持 | uni-app / taro |
桌面 Web | ? 后续支持 | |
iOS | ❌ 暂不支持 | |
Android | ❌ 暂不支持 |
相关导航
暂无评论...