figma
Figma 设计平台集成：访问设计档、截取组件信息、读取设计 token，并将设计转为代码，衔接设计与开发流程。
安装
尚未添加官方市场时先运行
- 分类
- 设计
- GitHub
- figma/mcp-server-guide
适合用来
- 把选中的 Figma 框架转成代码
- 把变量、组件和布局数据导入开发环境
- 通过 Code Connect 复用项目中的真实组件
- 直接在 Figma 画布上创建或修改框架、组件和自动布局
怎么开始
- 在 Claude Code 中运行 /plugin install figma@claude-plugins-official
- 按提示登录并连接 Figma MCP 服务器
- 在 Figma 中选中框架，让 Claude 根据设计生成代码或提取设计信息
使用前须知
Starter 方案或付费方案的 View、Collab 席位每月最多 6 次工具调用；Dev 或 Full 席位有每分钟速率限制。写入画布在 Beta 期间免费，之后将按用量收费。
以上由 AI 根据项目说明整理，实际用法请以官方文档为准。
同类工具
- adobe-for-creativity官方插件 · 设计
使用 Adobe 的 AI 创意工具编辑图片、自动化设计流程，涵盖去背、矢量化与专业修图。
- canva官方插件 · 设计
透过 Canva MCP 服务器创建、编辑、审阅、调整尺寸并检查 Canva 设计是否符合品牌规范。
- hyperframes官方插件 · 设计
HeyGen 的 HyperFrames：以 HTML 撰写并算绘视频，支持合成、GSAP 与运行期动画、字幕、配音、音频交互视觉效果，以及将网站录制为视频。
- miro官方插件 · 设计
安全访问 Miro 白板，让 AI 读取白板脉络、创建图表并产生代码，具备企业级安全性。
- runway-api官方插件 · 设计
大规模视频生成：使用 Runway API 产生视频、图片与音频，适用于批量广告活动、产品视频、多镜头故事与创意迭代。支持 seedance2、gen4.5、veo3、Nano Banana Pro 等模型。
出处 anthropics/claude-plugins-official · 更新于 2026年10月11日 · 版权属原作者