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 | ❌ 暂不支持 |
暂无数据