Figma

featured

Provide coding agents with design data direct from Figma for far more accurate design implementations in one-shot. Access Figma files, components, styles, and design tokens directly within Cursor.

Curated by AI Stack · Platform pick

Installation Instructions →
Category: DesignCompany: Figma
Compatible Tools:
Cursor (Primary)

Example Configurations

For stdio Server (Figma Example):
cursor://mcp/figma
For SSE Server:
URL: http://example.com:8080/sse

Figma Specific Instructions

1. Install Figma MCP Server
npm install -g @figma/mcp-server
2. Get your Figma Access Token
Go to Figma Settings > Account > Personal Access Tokens
Generate a new token with read access to files
3. Configure in Cursor
Open Cursor Settings > Features > MCP
Click "+ Add New MCP Server"
Name: Figma
Type: stdio
Command: figma-mcp-server --token YOUR_FIGMA_TOKEN
4. Set Environment Variables (Optional)
For advanced configuration, create a wrapper script:
#!/bin/bash
export FIGMA_TOKEN="your-token-here"
figma-mcp-server

Usage Notes

Help other developers understand when this MCP works best and where to be careful.

No usage notes provided.