
你的设计系统作为API。将AI连接到Figma,进行提取、创建和调试。
概览
模型上下文协议服务器,桥接设计与开发——赋予AI助手对Figma的完整访问,适用于、和。 figma_import_tokens现在应用完整的差异计划——创建、重命名、别名重定向和替换门禁删除——实现真正的代码→Figma往返;导出时可输出DTCG 2025.10(选择加入,旧版默认字节相同);scopes/code语法往返;figma_setup_design_tokens接受别名值;新figma_create_component_set一次调用即可从轴矩阵构建完整变体集。(code.js + ui.html更改)。查看新内容→ Figma 控制台 MCP 将 AI 助手(如 Claude)连接到 Figma,实现: - - 拉取变量、组件和样式- - 将Figma变量导出为DTCG JSON(遗留或2025.10方言)+额外9种格式;将代码端编辑推回Figma并全套用——创建、重命名、别名重定向和替换门禁删除。替换Style Dictionary和Tokens Studio的导出流程。
概述(AI 翻译)
你的设计系统作为API。 一个以设计系统为核心的Figma模型上下文协议服务器。它双向工作(Figma ⇄代码),写入Figma,并运行确定性检查,以检测设计代码的奇偶性、可访问性和设计系统健康。它以结构化数据的形式向AI提供精确的令牌、变体、绑定和状态,而不是规定框架或自定义样式,因此生成的代码遵循你团队自己的栈和规范。
** 🆕 准确性与安全修复(最新v1.40.9):** 自v1.40.0设计系统提取以来,已进行了九次补丁,均由社区报告驱动。生成的组件文档现在准确描述了每个变体——背景、隐藏图层及其属性、每个角落的半径和边界令牌、变体间的排版和图层结构,以及钉在提交上的源链接。
figma_export_tokens不再能覆盖错误Figma文件的令牌文件,扩展变量集合中的覆盖可见,最小/最大大小能通过所有JSON提取路径,颜色在不透明度导出和导入时设置为另一颜色且链接保持完整,发布的包也能干净地通过npm audit。
本页由 AI 翻译,技术细节请以原文为准。
README
以下为原文 README 节选,完整内容请查看原文。
Figma Console MCP Server
Your design system as an API. A design-system-focused Model Context Protocol server for Figma. It works in both directions (Figma ⇄ code), writes to Figma, and runs deterministic checks for design-code parity, accessibility, and design-system health. It hands the AI exact tokens, variants, bindings, and states as structured data rather than prescribing a framework or house style, so generated code follows your team’s own stack and conventions.
🆕 Shared local server over HTTP, comment threads, security updates, plus reliability & data-safety fixes (latest v1.44.2): set
FIGMA_MCP_HTTP_PORTand several local MCP clients can share one server and its Figma connection over Streamable HTTP, loopback only (v1.44.0). The MCP SDK and zod are upgraded to clear seven security advisories, with no change to how tools behave (v1.43.0). Commands fail fast instead of piling up behind a plugin stuck on a timed-out script, and a new server no longer shuts down one a thread is using (v1.42.1).figma_get_commentsreturns compact comment threads with node, thread and date filters and paging, so a busy file no longer floods the conversation (v1.42.0). Cloud Mode sign-in is hardened: each session uses only its own Figma token, authorization codes are single-use and bound to the client that asked for them, and the accessibility scanner no longer runs scripts from the HTML it checks. Two data-loss fixes:figma_import_tokensrefuses an import that read no token files (it used to plan deleting every variable) andreplaceonly deletes inside the collections you import; arranging a component set no longer deletes the other arranged sets on the page. Token export and import read variables live, so renames show up immediately. Abandoned servers exit on Windows, batch-created variables accept aliases, and the Slots tools takefileKey. v1.41.1–v1.41.5 make component-set analysis report real variant differences, including changes inside nested layers (an icon swap, a token on a nested vector), the variant’s own background and opacity, auto-layout, gradients, corner radius, typography and swapped tokens, stop component loading from timing out on large files, and fix variable paging. Re-import the plugin for the component fixes. See what’s new →
What is this?
安装
npx -y figma-console-mcp@latest配置
{
"mcpServers": {
"figma-console": {
"command": "npx",
"args": ["-y", "figma-console-mcp@latest"],
"env": {
"FIGMA_ACCESS_TOKEN": "figd_YOUR_TOKEN_HERE",
"ENABLE_MCP_APPS": "true"
}
}
}
}