Cursor接入Figma教程

📅 2026/7/6 15:05:54 👁️ 阅读次数 📝 编程学习
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