Back to all use cases
CreativeIntermediate✓ Verified
Let Claude Design in Figma: Real-Time AI Design Control
An open-source MCP plugin lets Claude control Figma directly — creating shapes, styling text, building layouts, and using team library components. 372 stars on GitHub.
Setup Time
30 minutes
Monthly Cost
$10-30
Category
Creative
Difficulty
intermediate
The claude-talk-to-figma-mcp project enables a bidirectional pipeline between Claude and Figma: Claude sends design commands, and Figma executes them in real-time.
How It Works
- Architecture: Claude Desktop ↔ MCP Server ↔ WebSocket Server ↔ Figma Plugin
- Claude sends natural language design commands
- Figma plugin executes them in real-time
- Full round-trip: describe what you want, see it appear in Figma
Capabilities
- Document interaction: Analyze existing designs, export assets
- Element creation: Shapes, text, frames with full styling control
- Smart modifications: Colors, effects, auto-layout, responsive design
- Advanced typography: Font loading, text scanning
- Component integration: Access local and team library components
Results
- 372 stars, 68 forks on GitHub — strong community adoption
- One-command setup: `npx claude-talk-to-figma-mcp`
- Builds on Sonny Lazuardi's earlier cursor-talk-to-figma work
Limitations
- Requires Figma open alongside Claude Desktop
- WebSocket server must be running on port 3055
- Complex multi-screen designs still need human direction
Requirements
- Claude Desktop
- Figma account
- Node.js
Source
figmadesignmcpuiprototyping