安裝Figma Cursor mcp 需要準備

GitHub · Build and ship software on a single, collaborative platform

Git

Cursor - The AI Code Editor

Node.js — 隨時隨地執行 JavaScript

事前安裝完以上就可以先使用git clone下載github的檔案

指令: git clone https://github.com/GLips/Figma-Context-MCP.git

image.png

接下來cd 到Figma-Context-MCP裡面

image.png

image.png

先將檔案路徑移動到檔案位置

安裝pnpm 指令很簡單,可以使用Cursor或是Vscode 安裝pnpm

指令是npm install pnpm 安裝完後可以查看有沒有pnpm -v

image.png

接下來打開figma 複製token api

可以先建立new token名稱可以隨意

image.png

先複製產生token api回到cursor找到.env.example檔案