🛍️ 更多精选好物 ›
📊 公开数据一览
| 📦 榜单安装量 | 2.3K |
| ⭐ GitHub Stars | 1,850(fork 170) |
| 🗓️ 最近推送 | 2026-08-04 |
| 🌱 项目创建 | 2025-08-05 |
| 💻 语言 / License | Python · 未标注 |
| 🐛 开放Issue | 7 |
📝 工具简介
使用Figma MCP server的指南,帮助连接Figma设计工具与编码环境。
📖 怎么用
配置很简单,在 Claude Code 里直接 `claude mcp add --transport http figma https://mcp.figma.com/mcp` 就完事。或者用插件方式 `claude plugin install figma@claude-plugins-official`。其他工具就在配置文件里加 JSON,比如 `{ "servers": { "figma": { "type": "http", "url": "https://mcp.figma.com/mcp" } } }`。配好后 AI 就能读 Figma 设计稿生成代码了。注意免费版每月只有 6 次调用,付费版才有分钟级限制。
📋 迷你测评
连接Figma设计工具与编码环境的指南,基于Figma MCP服务器。亮点是“指南”属性,直接教你怎么搭桥。适合想打通设计与代码工作流但不知从何下手的团队。
📄 README 要点
这是一个Figma MCP服务器,能把Figma设计文件中的设计信息和上下文直接提供给AI智能体,帮助它们更准确地根据设计稿生成代码。需要注意的是有速率限制:Starter计划或付费计划的View/Collab席位每月最多6次工具调用,而Professional、Organization或Enterprise计划的Dev/Full席位则按分钟限制,与Figma REST API的Tier 1限制一致。Figma保留随时调整限制的权利。适合设计师和开发者协作时,让AI更精准地还原设计稿的代码场景。
查看英文原文
Figma MCP Server Guide The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files. [!NOTE] Rate limits apply to Figma MCP server tools that read data from Figma. Some tools, such as those that write to Figma files, are exempt from the rate limits. Users on the Starter plan or with View or Collab seats on paid plans will be limited to up to 6 tool calls per month. Users with a Dev or Full seat on the Professional, Organization, or Enterprise plans have per minute rate limits, which follow the same limits as the Tier 1 Figma REST API. As with Figma’s REST API, Figma reserves the right to change rate limits. For the complete set of Figma MCP server docs, see our developer documentation. By using the Figma MCP server and the related resources (including these skills), you agree to the Figma Developer Terms. These skills are currently available as a Beta feature. Features Write to the canvas (remote server only): Create and modify native Figma content directly from your MCP client. With the right skills, agents can build and update frames, components, variables, and auto layout in your Figma files using your design system as the source of truth. Note: We're quickly improving how Figma supports AI agents. The write to canvas feature will eventually be a usage based paid feature, but is currently available for free during the beta period. Generate code from selected frames Select a Figma frame and turn it into code. Great for product teams building new flows or iterating on app features. Extract design context Pull in variables, components, and layout data directly into your IDE. This is especially useful for design systems and component based workflows. Code smarter with Code Connect Boost output quality by reusing your actual components. Code Connect keeps your generated code consistent with your codebase. Learn more about Code Connect → Generate Figma designs fr
💬 评论(0)
交流使用体验、避坑建议;违规内容将被删除