figma Mcp

概览

这个插件把 Figma MCP 服务 和一组 Skills(技能) 绑在一起,让对话里可以:读/写 Figma 画布、从代码推设计、从设计拉代码、做组件库/Code Connect、在 FigJam 里画图等。

MCP:figma

在 Cursor 里连上 figma MCP 后,代理才能调用 Figma 相关工具(例如需要在 Figma 里执行脚本的 use_figma 等)。一般需要你在 Cursor 里完成登录/授权;若服务器报错,到 Cursor 设置 → MCP 里看该服务器的状态和错误信息。

技能(Skills)------何时会用到

|---------------------------------------------|--------------------------------------------------------------------|
| 技能 | 用途简述 |
| figma-use | 在每次调用 use_figma****之前必须先读;创建/改节点、变量、组件、自动布局等「要在文件里跑脚本」的读写都依赖它。 |
| figma-create-new-file | 在每次 create_new_file****之前必须先读;新建空白设计 / FigJam / Slides 等。 |
| figma-generate-design | 把页面、弹窗、抽屉等整屏布局从代码或描述推到 Figma,并尽量用设计系统变量/组件。 |
| figma-generate-library | 从代码搭或对齐设计系统 (变量、组件、主题等);常和 figma-use 一起看。 |
| figma-generate-diagram | 在每次 generate_diagram****之前必须先读;流程图、架构图、时序图等 FigJam 图表。 |
| figma-use-figjam / figma-use-slides | 在 FigJamSlides 场景下配合 use_figma 使用。 |
| figma-code-connect | 维护 Code Connect.figma.ts / .figma.js),把 Figma 组件映射到代码片段。 |
| figma-implement-design | 根据 Figma 实现前端代码(高还原 UI)。 |
| figma-create-design-system-rules | 为当前仓库生成设计系统规则(需已连上 Figma MCP)。 |

(你环境里若某条技能未安装,以 Cursor 插件列表里实际显示的为准。)

命令:/

常用用法包括:

  • / figma-create-new-file --- 例如:/figma-create-new-file figjam 白板名称
  • 其他与 Figma 相关的斜杠命令以插件在命令面板里的说明为准。

认证(STATUS)

说明里要求查看 MCP 服务器目录下的 STATUS.md。当前本机 talos 工程下尚未发现对应的 Figma STATUS.md(可能要在本仓库首次启用 MCP 后才会生成)。若 Figma 工具不可用:打开 Cursor → Settings → MCP → Figma,按界面提示完成连接;若仍失败,把 MCP 里显示的错误原文发出来便于排查。


总结:插件 = Figma MCP + 一套 按场景必须先加载的 Skills(尤其是任何 use_figma / create_new_file / generate_diagram 前的强制技能)+ / 命令;实际画图、改文件前请确保 MCP 已连接并完成授权。

相关推荐
学如逆水,不进则退15 分钟前
在线免费音频剪辑:NBTools 可视化波形裁剪 MP3/WAV,本地处理免上传
前端·音视频
Mh24 分钟前
虚拟滚动真的比普通滚动性能更好吗?
前端·javascript·性能优化
pe7er28 分钟前
React + Ant Design 中的 IME (输入法合成)安全输入组件
前端
Super 含1 小时前
Android 启动优化(二):TTID、TTFD 与 Macrobenchmark 启动性能测量
前端
Python私教1 小时前
别急着加 llms.txt:企业官网面向 AI 搜索的工程清单
前端·人工智能·seo
东方小月1 小时前
从零开发一个 Coding Agent(十三):实现安全的 read 文件读取工具
前端·人工智能·全栈
东方小月2 小时前
从零开发一个 Coding Agent(十二):实现版本化 JSONL 与真实 CLI 入口
前端·设计模式·前端框架
FL16238631293 小时前
室内易燃物识别易燃评估室内易燃程度识别分割数据集labelme格式1015张85类别
java·服务器·前端
用户059540174463 小时前
把 AI 长期记忆去重测试从 20 分钟压到 40 秒,重复率从 18% 干到 1.5%
前端·css
kyriewen3 小时前
我把 AI 写的并发请求控制器手写了一遍——3 个语义我当时根本讲不清
前端·javascript·面试