Codify MCP - 设计代码双向同步
E
Ethan
Codify MCP 是一个用于连接智能体操控你画布的 Agent。 功能特性 一键安装：使用 npx 无需手动下载 MCP 协议：完美集成 Cursor 等支持 MCP 的 IDE 安全认证：支持 access_key 认证 全能工具箱：包含代码获取、设计稿生成、双向同步等 10+ 个专业工具 资源访问：通过 URI Codify://get_code/{content_id} 访问代码 快速开始 1. 配置 MCP 例如：编辑 ~/.cursor/mcp.json（如果文件不存在则创建）： { "mcpServers": { "codify": { "command": "npx", "args": [ "-y", "@codify-ai/mcp-client", "--url=https://mcp.codify-api.com" ], "env": { "CODIFY_ACCESS_KEY": "sk-your-access-key" } } } } 2. 重启IDE / CLI 重启Cursor、VSCode、Trae 等 IDE 或者 CLI 工具，或重新加载 MCP 服务器配置。 3. 开始使用 在IDE / CLI 中，您可以： 方式 1：将设计稿给其他人（研发）拉取代码到本地 在 MasterGo 中选中一个元素，复制的指令然后给到其他人来获取代码。 无需启动 MasterGo，直接在 IDE 中输入该指令即可获取代码。 codify://getCode/{contentId} 方式 2：使用 AI 工具进行设计稿与代码的双向交互 直接在对话框输入指令，AI 会自动识别并调用工具： "获取 MasterGo 中选中的图层代码" "使用Codify MCP 工具设计一个深色模式的统计仪表盘" "修改设计稿选中的图层，改为红色背景" "将我选中的图层删除" "将我选中的图层，同步到本地代码" "对比本地代码与设计稿的差异"

标签

  • 版本 53: 2026年6月03日

    <p>修复：消息类型错误的问题</p>

  • 版本 52: 2026年5月27日

    <p>新增对变量的解析</p>

  • 版本 51: 2026年5月23日

    <p>修复解析丢失组件时导致运行阻断的问题</p>

  • 版本 50: 2026年5月07日

    <p>修复：发送MCP时提示路径错误的问题。</p>

  • 版本 49: 2026年4月25日

    <p>支持多选图层修改</p>

  • 版本 48: 2026年4月13日

    <p>修复图片生成等待时间过长的问题</p>

  • 版本 47: 2026年4月13日

    <p>修复近期用户反馈的BUG</p>

  • 版本 46: 2026年3月30日

    <p>默认选择云端MCP连接</p>

  • 版本 45: 2026年3月26日

    <p>增加生成时的状态显示</p>

  • 版本 44: 2026年3月24日

    <p>增加本地服务器连接选项</p>

  • 版本 43: 2026年3月18日

    <p>修复图标缺失的问题</p>

  • 版本 42: 2026年3月16日

    <p>优化默认插件尺寸，你可以用最小化设置</p>

  • 版本 41: 2026年3月16日

    <p>优化Cli的交互</p>

  • 版本 40: 2026年3月12日

    <p>调整接口名称</p>

  • 版本 39: 2026年3月06日

    <p>改进：增加代码锚点</p>

  • 版本 38: 2026年3月06日

    <p>改进：同时支持原生 css 和 tailwind css 逆向生成设计文件。</p>

  • 版本 37: 2026年2月24日

    <p>自动折叠已生成的页面消息</p>

  • 版本 36: 2026年2月13日

    <p>增加最小化设置</p>

  • 版本 35: 2026年2月09日

    <p>更新解析引擎</p>

  • 版本 34: 2026年2月06日

    <p>更新交互</p>

  • 版本 33: 2026年1月29日

    <p>优化提示词长度</p>

  • 版本 32: 2026年1月22日

    <p>优化CLI的提示内容</p>

  • 版本 31: 2026年1月21日

    <p>命令行输入优化</p>

  • 版本 30: 2026年1月21日

    <p>更新说明文档</p>

  • 版本 29: 2026年1月21日

    <p>支持 MCP</p>

  • 版本 28: 2025年12月09日

    <p>修复：在浏览器端错误的判断为英文客户端的问题</p>

  • 版本 27: 2025年12月09日

    <p>改进：支持将css样式从代码中剥离</p>

  • 版本 26: 2025年12月02日

    <p>增加：支持自定义接入AI模型</p>

  • 版本 25: 2025年11月24日

    <p>修复预览窗口加载超时而阻断进程的问题</p>

  • 版本 24: 2025年11月17日

    <p>修复了读取配置文件超时的错误</p>

  • 版本 23: 2025年11月12日

    <p>修复：无法登录的问题</p>

  • 版本 22: 2025年11月10日

    <p>修改插件说明</p>

  • 版本 21: 2025年11月10日

    <p>修复：position 解析时，样式前缀名称无效的问题<br>改进：为了加快启动速度，移除了图标导出和样式导出工具，现在由独立的插件提供。</p>

  • 版本 20: 2025年7月10日

    <p>改进：对绝对定位布局的解析有了显著的提升</p>

  • 版本 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/3/2026

技术支持：song@uetop.cn

标签

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

最后更新时间：6/3/2026

技术支持：song@uetop.cn