Back to Plugins
CodeFun
UI设计稿智能生成前端源代码
xddesignphotoshop to codesketchphotoshopdesign to codepssketch to codecodefigma to codecodefund2ccode-generators
Plugin Preview
About this plugin
CodeFun 是一款优秀的 UI 设计稿智能生成源代码工具，通过 AI 算法，可以一键将 Figma 的设计稿转换成如工程师手写一般的源代码。
与以往传统的从设计软件中导出 HTML 不同，它不仅可以智能分析页面布局，生成非绝对高宽的 Flexbox 代码，而且还可以识别循环列表、九宫格、等比例分配等多种业务场景。生成的代码简短可读，语义化程度高，基本上可以达到中级工程师的水准，实测研发效率至少提升 500%。
CodeFun 的口号是“做前端、不搬砖”，希望大家 Code 有方！
我们的官网: https://code.fun
Plugin Details
| Version | 22 |
|---|---|
| Created | January 7, 2022 |
| Last Updated | December 12, 2022 |
| Category | Software development |
| Creator | CodeFun |
| Stats | 3399 installs, 411 likes |
| Pricing | Paid |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/index.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.