Codify AI - D2C设计转代码
S
Song
Codify 是一个由 AI 驱动的设计稿转化代码插件。它可以生成React、Vue、HTML、CSS 等多种代码格式。 同时，Codify 还是一个开放式的代码解析工具，它提供了丰富且灵活的Api。您可以对其进行个性化配置，以生成符合自己项目的代码规范。 🚀 特点:  支持自定义样式映射。你可以根据需要定义自己项目的 class 类名。 支持多种框架类型的代码导出。以便你选择适合的框架类型进行代码生成。 不限于任何一个组件库。你也可以使用我们维护的组件库。  支持实时预览。随时查看生成的代码是否符合你的设计预期，以便你及时调整。  支持团队协作，你的代码生成配置可以共享给团队的成员使用。以便同你生成一致的前端代码。  🔗 相关：  Codify 开发文档 Codify 配置管理后台 免费 Element Plus UIKit 组件模版 免费的 Codify UIKit 🙈 隐私声明： Codify 是一款快速代码生成插件，可以立即将您选择的节点转换为可开发的代码。它之所以能做到这一点，是因为我们将 MasterGo 的节点解析和渲染器都放在了插件端，因此所有功能都在您的本地设备上运行。访问网络仅用于获取用户的订阅权限和配置文件。它不会读取或存储您在 MasterGo 上的任何信息。

标签

  • 版本 19: 2025年6月05日

    <p>新增：圆角和间距的样式导出</p>

  • 版本 18: 2025年6月03日

    <p>Codify现在支持AI驱动的代码优化</p>

  • 版本 17: 2025年5月20日

    <p>改进：对非自动布局的图层有了更佳的解析结果。</p>

  • 版本 16: 2025年5月09日

    <p>改进：当你的节点图层设置为“固定”时，则会输出width 或者 height 样式。以确保一致性。</p><p>新增：增加跳过节点解析的功能 <code>skip_prefixes</code>，你可以让Codify在解析设计稿时，跳过那些特定的容器从而直接获取并渲染子节点的代码。</p>

  • 版本 15: 2025年2月24日

    <p>改进：在生成代码时Codify已经默认忽略“切图”类型的图层节点。所以你不用在生成代码前隐藏它了。</p>

  • 版本 14: 2024年9月10日

    改进：您现在可以直接从配置中获取生成的代码的语法类型。

  • 版本 13: 2024年8月19日

    优化Jsx对SVG的解析

  • 版本 12: 2024年7月25日

    改进：自定义属性编辑器支持`command + s`快捷键，可快速保存。新增：新增图层标签面板，可直观地通过UI界面添加自定义样式和插件忽略的样式。

  • 版本 11: 2024年7月22日

    优化配置载入，新增图标解析程序

  • 版本 10: 2024年7月11日

    重构样式导出工具。使其可以根据用户的预设来导出

  • 版本 9: 2024年6月26日

    移除 console.log

  • 版本 8: 2024年6月26日

    优化导出 css 工具类，现在你可以直接将你设计系统的样式导出为 css，并 import 在你的项目中。Codify 能够自动调用对应的 class，而不会生成冗余的样式。

  • 版本 7: 2024年6月03日

    更新 Grid 解析

  • 版本 6: 2024年5月23日

    新增：可以导出更适合前端的Svg图标格式

  • 版本 5: 2024年5月20日

    增加Tailwind Arbitrary values 特性

  • 版本 4: 2024年5月14日

    增加演示团队注册用户可以使用免费的ElementPlus组件库和Tailwind的代码生成

  • 版本 3: 2024年4月29日

    优化注册体验

  • 版本 2: 2024年4月28日

    删除 Console ，避免卡顿解决 Playground 异步载入的问题

  • 版本 1: 2024年4月28日

最后更新时间：6/5/2025

技术支持：song@uetop.cn

标签

图标
颜色
标注
交付
字体
样机
原型
协同
变换
编辑

最后更新时间：6/5/2025

技术支持：song@uetop.cn