
Figma
Transform Figma designs into high-quality code with AI. Seamless figma to code and figma to html workflows for efficient
Installation
Paste the snippet below into your client's config.
Installation
Quick info
- Category
- Developer Tools
- Transport
- HTTP
- License
- MIT
- GitHub stars
- 1,279
- Views
- 1,905
Compatible with
- Claude Code
- Claude Desktop
- codex
- Cursor
- gemini-cli
- VS Code
- Windsurf
Found in: mcp.directory
Overview
Bring Figma designs to life with AI-driven code generation and seamless design-to-code workflows. The Figma MCP server helps developers and product teams turn Figma frames into code, extract key design context like variables and components, and maintain consistency with existing codebases. Features like Code Connect, design system rule creation, and support for popular editors make it easy to generate high-quality code matched to your team's standards. Empower your agents to translate, extend, and reuse designs efficiently while ensuring fidelity to your design system.
Related servers

GitMCP
by idosal

Google Tag Manager
by paolobtl

Unified.to MCP Server
by unified-to

Windows MCP
by cursortouch

JsonDiffPatch
by benjamine

Oh My Posh
by jandedobbeleer