🛍️ 更多精选好物 ›
📊 公开数据一览
| 📦 榜单安装量 | 905 |
| ⭐ GitHub Stars | 1,850(fork 170) |
| 🗓️ 最近推送 | 2026-08-04 |
| 🌱 项目创建 | 2025-08-05 |
| 💻 语言 / License | Python · 未标注 |
| 🐛 开放Issue | 7 |
📝 工具简介
教你如何使用Figma MCP server的指南。
📖 怎么用
配置方式看你用的工具。Claude Code 用户直接 `/add-plugin figma` 或 `claude plugin install figma@claude-plugins-official`,也可以用命令 `claude mcp add --transport http figma https://mcp.figma.com/mcp` 手动加。其他 MCP 客户端在配置文件里加 `{ "mcpServers": { "figma": { "url": "https://mcp.figma.com/mcp" } } }`,HTTP 类型则用 `{ "servers": { "figma": { "type": "http", "url": "https://mcp.figma.com/mcp" } } }`。配好后 AI 就能读取 Figma 设计信息来生成代码了。注意免费版或 View/Collab 席位每月只有 6 次工具调用,Dev/Full 席位才有每分钟速率限制。
📋 迷你测评
教你怎么用Figma MCP server的指南。亮点是实操导向,直接对接设计工具。没提案例,适合设计师和前端协作。
📄 README 要点
这个Figma MCP服务器把Figma设计文件直接接入AI工作流,让AI生成代码时能获取设计信息和上下文。不过要注意,读取Figma数据的工具有速率限制,Starter计划或View/Collab席位的用户每月只能调用6次,而Dev或Full席位的专业版用户则按分钟限流,跟Figma REST API的Tier 1限制一样。适合设计师和开发者协作时,让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)
交流使用体验、避坑建议;违规内容将被删除