Cursor接入Figma教程

一、官方推荐方式(最稳)

Figma 官方现在推荐直接在 Cursor 里安装 Figma Plugin。


二、5分钟完成接入

第一步:安装 Cursor

官方下载:

Cursor 官网


第二步:打开 Cursor

快捷键打开命令面板:

Windows

复制代码
复制代码
Ctrl + Shift + P

Mac

复制代码
复制代码
Cmd + Shift + P

第三步:打开 AI Chat

搜索:

复制代码
复制代码
Open Chat

第四步:安装 Figma MCP 插件

在 Cursor 聊天框输入:

复制代码
复制代码
/add-plugin figma

然后回车。

会看到:

复制代码
复制代码
Add Plugin

点击安装。


五、授权 Figma

安装完成后:

复制代码
复制代码
Cursor Settings
→ Tools & MCP
→ Connect

然后:

复制代码
复制代码
浏览器会打开 Figma 授权

点击:

复制代码
复制代码
Allow Access

即可。


六、成功后的效果

你会在:

复制代码
复制代码
Settings → MCP

看到:

复制代码
复制代码
Figma MCP Connected

说明成功了。

然后测试是否成功

直接在 Cursor Chat 输入:

复制代码
复制代码
读取我的 Figma 文件

或者:

复制代码
复制代码
根据这个 Figma 页面生成 Vue2 页面

https://www.figma.com/xxxx
相关推荐
黄毛火烧雪下2 天前
Figma 设计图上传到蓝湖
figma·蓝湖
爱吃提升3 天前
Figma的自动布局功能是如何工作的?
figma
STDD3 天前
Penpot:开源 Figma 替代,自建设计协作工具
开源·figma
阿星AI工作室9 天前
Codex+Figma MCP:GPT-image-2出图转前端
ai·编程·figma·codex
爱吃提升11 天前
Figma有哪些适合团队协作的功能?
figma
爱吃提升11 天前
Figma的设计系统功能如何帮助团队提高工作效率?
figma
日月新著13 天前
在VSCode中通过Copilot链接Figma直接生成完整产品
vscode·copilot·figma
爱吃提升15 天前
Figma 零基础入门教程(新手从零学会用)
figma
爱吃提升15 天前
Figma汉化包下载安装教程(FigmaEX集成版Mac安装教程)|版本区别+下载方法+详细步骤+新手入门指南
macos·figma