GPTDesign & Media
OfficialDiagrams: Show Me GPT
Works with:ChatGPT
MCP ServerDesign & Mediafreemium
Verified Integrity
Figma Context MCP Server
Inspect Figma design frames, typography tokens, color variables, and SVG exports in AI code tools.
What it does
Connects AI code assistants directly to Figma design files. Read layout specifications, CSS flexbox dimensions, design token variables, and export vector components directly into React code.
Installation & Setup
Level: intermediate```json
{
"mcpServers": {
"figma": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-figma"],
"env": { "FIGMA_PERSONAL_ACCESS_TOKEN": "figd_..." }
}
}
}
```
Prerequisites: Figma Personal Access Token and file key.
Security & Privacy Notes
Operates read-only on design files shared with your Figma account.
Related AI Tools on AlsoClick
Leading AI platforms compatible with Figma Context MCP Server.