figma Mcp
这个插件把 Figma MCP 服务 和一组 Skills(技能) 绑在一起,让对话里可以:读/写 Figma 画布、从代码推设计、从设计拉代码、做组件库/Code Connect、在 FigJam 里画图等。
概览
这个插件把 Figma MCP 服务 和一组 Skills(技能) 绑在一起,让对话里可以:读/写 Figma 画布、从代码推设计、从设计拉代码、做组件库/Code Connect、在 FigJam 里画图等。
MCP:figma
在 Cursor 里连上 figma MCP 后,代理才能调用 Figma 相关工具(例如需要在 Figma 里执行脚本的 use_figma 等)。一般需要你在 Cursor 里完成登录/授权;若服务器报错,到 Cursor 设置 → MCP 里看该服务器的状态和错误信息。
技能(Skills)——何时会用到
|
技能 |
用途简述 |
|
figma-use |
在每次调用 |
|
figma-create-new-file |
在每次 |
|
figma-generate-design |
把页面、弹窗、抽屉等整屏布局从代码或描述推到 Figma,并尽量用设计系统变量/组件。 |
|
figma-generate-library |
从代码搭或对齐设计系统(变量、组件、主题等);常和 |
|
figma-generate-diagram |
在每次 |
|
figma-use-figjam / figma-use-slides |
在 FigJam 或 Slides 场景下配合 |
|
figma-code-connect |
维护 Code Connect( |
|
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 已连接并完成授权。
更多推荐



所有评论(0)