用途：把 AI 编程智能体接入 Figma，让智能体读取设计稿并生成代码、提取设计变量，或反向写入 Figma 画布。
主要能力：get_design_context 从指定节点获取结构化设计数据（默认 React + Tailwind 表示）；get_screenshot 返回节点视觉快照；get_variable_defs 提取颜色、间距、字体等设计令牌；get_metadata 获取高层节点结构，用于响应被截断时定位子节点。写入工具（beta，仅远程服务器）包括 create_frame、create_component、update_auto_layout、create_variable。Code Connect 可将 Figma 组件映射到代码库中的真实组件实现，使生成代码复用现有组件。
使用方式：在支持 Streamable HTTP 的客户端中配置服务器地址 https://mcp.figma.com/mcp。VS Code 通过 MCP:Add Server 添加；Cursor 可执行 /add-plugin figma 或手动添加；Claude Code 可执行 claude plugin install figma@claude-plugins-official 或 claude mcp add --transport http figma https://mcp.figma.com/mcp，再用 /mcp auth figma 认证；Gemini CLI 执行 gemini extensions install https://github.com/figma/mcp-server-guide 后认证。使用时把 Figma 帧 URL 粘贴进提示词，智能体会解析 file_id 与 node_id 并调用相应工具。
适用场景：从设计稿实现页面或组件、提取设计系统令牌、同步设计与代码、生成 Storybook 故事、设计系统审计、多帧响应式页面生成。
限制：Starter/View/Collab 席位每月 6 次工具调用；Dev/Full 席位按分钟限流（同 Figma REST API Tier 1）；写入操作在 beta 期间不受限流。写入工具仅远程服务器支持。默认输出为 React + Tailwind，需在提示词中指定其他框架。认证由 MCP 客户端自动完成，无需手动 API 密钥。具体价格与更多平台支持暂未提供。