Figma Context MCP
v1.0.0•Developer Tools•stable
Design-to-code bridge with Figma file access
figmadesign-to-codeui-designfrontendcomponents
15,000
Stars
0
Downloads
0
Weekly
4.7/5
About
Figma Context MCP server provides AI agents with direct access to Figma design files, enabling accurate design-to-code translation. It extracts component properties, styles, layout information, and design tokens for faithful implementation.
Features
- Read Figma file structures and components
- Extract design tokens and styles
- Access layout and spacing information
- Retrieve component properties and variants
- Navigate design hierarchies
Use Cases
Converting Figma designs to production code
Extracting design tokens for CSS
Generating component code from designs
Design system documentation
Ensuring pixel-perfect implementation
Compatibility
AI Platforms
Claude
OpenAI
Platforms
windowsmacoslinux
Author
Nicholas Charriere
Maintainer
Repository
LicenseMIT
Languagetypescript
Last UpdatedJun 15, 2025
MCP Version0.5.0
Health & Status
Healthhealthy
Maintenanceactive
Last CheckedJun 15, 2025
Community
Contributors35
Open Issues0
Reviews0
More Developer Tools MCP Servers
Explore other servers in the Developer Tools category.
Set Up Figma Context MCP in Your Editor
Configure this server with your preferred AI client.
Ready to use Figma Context MCP?
Browse our complete directory of 60+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.
60+ ServersFree & Open SourceStep-by-Step Guides