CodeFun

‌CodeFun是一款UI设计稿智能生成源代码的工具，能够一键将Sketch、Photoshop、Figma、XD等设计稿转换为前端代码‌。它通过AI算法智能分析页面布局，生成非绝对高宽的Flexbox代码，并支持循环列表、九宫格、等比例分配等多种业务场景。CodeFun生成的代码具有高可读性和可维护性，能够精准还原设计稿，极大地减少了前端工程师在页面切图和样式适配上的工作量‌。

功能特点

• ‌智能生成代码‌：CodeFun能够生成如工程师手写一般的代码，包含视图代码、数据字段绑定、组件代码和部分业务逻辑代码。生成的代码约等于一个中级工程师的前端水准，具有高度的可读性和可维护性‌。
• ‌广泛支持设计软件‌：支持Sketch、Photoshop、Figma、XD和即时设计等设计软件，用户只需安装相应的插件即可使用‌。
• ‌高效协作‌：CodeFun能够释放前端生产力，助力前端工程师与设计师高效协作，减少反复走查和适配样式的工作，提升整体开发效率‌。
• ‌低学习成本‌：对于前端工程师来说，使用CodeFun几乎没有学习成本，操作流程与蓝湖/摹客等工具相似，设计师上传设计稿后，工程师可以直接拷贝所需的代码‌。

使用场景

CodeFun适用于各种需要快速开发的项目，特别是在开发迭代周期短、静态页面多的场景下，能够显著提升开发效率。

CodeFun - UI 设计稿智能生成源代码