F
Figma Smart Image MCP Multi-Tenant

Process Figma designs into Claude-readable images with automatic tiling and optimization.

Checking authentication status...
Authorize with Figma
or enter token manually

Enter the user code from the OAuth device authorization flow. Leave empty for local development (single-tenant mode).

Get your token from Figma Settings. Create a personal access token with file read access.

✓ Connected! You can now use this MCP server.

🚀 How to Use This MCP Server

1
Create .clauderc File
Create or update .clauderc in your project directory with the following configuration:
{ "mcpServers": { "figma-smart-image": { "command": "npx", "args": ["-y", "@modelcontextprotocol/server-sse", "https://figma-smart-image-mcp-production.up.railway.app/mcp"] } } }
2
Get Device Code
When you first use the MCP server, you'll receive a device code and user code through the OAuth flow.
3
Authenticate with Figma
Enter your user code and Figma token on this page to authenticate. Your token is stored securely in Redis and isolated from other users.
4
Start Using in Claude
Ask Claude to process Figma designs:
"Please extract the hero section from this Figma link: https://www.figma.com/design/abc123/..."
🎨
Smart Export
Automatic SVG/PNG export
📐
Auto Tiling
Large designs split into tiles
🗜️
Compression
Optimized for size limits
🔍
Smart Crops
Heuristic UI pattern crops
Railway Deployment: https://figma-smart-image-mcp-production.up.railway.app/