F
Figma Context MCP
Give AI coding agents access to Figma designs — 14K+ stars
Open SourceFree
Install
npx figma-context-mcpAbout
An MCP server that gives AI coding agents direct access to Figma design files. Translates Figma designs into structured layout and style data that LLMs can understand, enabling accurate design-to-code workflows. Agents can read component hierarchies, extract colors, spacing, typography, and generate pixel-perfect implementations.
Details
| Capabilities | design-reading, component-extraction, style-extraction, layout-analysis |
| Transport | stdio |
| Compatible Clients | claude-code, cursor, windsurf, cline |
Tags
figmadesign-to-codeuifrontenddesign
Quick Info
- Organization
- GLips
- Pricing
- open-source
- Free Tier
- Yes
- Updated
- May 26, 2026
14.9K3w ago26
Also in MCP Servers
B
Browser MCP Agent
MCP agent that controls web browsers for automated browsing and data extraction
OSSFree
Shubham Saboo
111.8K3d ago78
C
Context7
Up-to-date library documentation injected directly into your AI coding context
OSSFree
Upstash
56.1K35.0K/wtoday117
F
Filesystem MCP
Secure local filesystem access — read, write, search, and manage files via MCP
OSSFree
Anthropic
86.2K19.0K/w5d ago430