Ardot MCP 简介

Ardot MCP Server 是腾讯设计 Ardot 提供的 Model Context Protocol（MCP） 服务端实现，让 AI Agent（如 WorkBuddy、CodeBuddy Code、Cursor、Claude Code、Codex 等）能够直接读取和操作 Ardot 设计稿，实现设计与代码的双向联动。

你可以把 MCP Server 理解为面向大模型的「已鉴权 API」：Agent 通过标准化协议访问特定应用的数据与能力。在 Ardot 中，Agent 可以读取当前设计文件上下文，并在画布上创建、修改设计内容。

可以做什么

启用 Ardot MCP 后，你可以：

• 读写设计画布：通过 AI Agent 创建与修改 Frame、组件实例、文本、布局与样式，直接把设计意图落到 Ardot 文件中。
• 设计稿转代码：选中页面或 Frame，让 Agent 拉取图层结构、样式、截图与设计规范，生成更贴合设计稿的前端代码。
• 提取设计上下文：将变量（Design Token）、组件库、布局树等信息带入 IDE，适合设计系统与组件化研发协作。
• 管理设计系统：读取与写入多主题变量，搜索并构建风格指南，复用本地组件库，保持品牌与规范一致。
• 导出与资源交付：扫描可导出资源，将节点导出为 PNG、JPEG、SVG 等格式，衔接设计交付流程。

这些能力把原先需要在设计工具与 IDE 之间反复切换的工作，收拢到同一套 Agent 对话中，例如：从设计稿生成代码、在画布上迭代界面、同步 Token、做布局审查等。