GLips/Figma-Context-MCP
by Various
MCP server to provide Figma layout information to AI coding agents like Cursor
MCP
GLips/Figma-Context-MCP
Added 1 June 2026
Overview
MCP server that exposes Figma design files as structured context to AI coding agents like Cursor. Allows LLMs to read layout, component, and design token information directly from Figma, enabling code generation that matches design specifications without manual translation.
Best for
Best for
Teams using Figma and AI coding assistants who want to automate component generation from design files.
Use cases
- Generate React components from Figma designs with accurate spacing and styling
- Automate handoff from design to development by feeding design context to coding agents
- Extract design tokens and component specs for consistent implementation
Notes
MCP server that exposes Figma design files as structured context to AI coding agents like Cursor. Allows LLMs to read layout, component, and design token information directly from Figma, enabling code generation that matches design specifications without manual translation.
14,946 stars on GitHub. Last updated 2026-05-27. Licensed MIT.
Use cases
- Generate React components from Figma designs with accurate spacing and styling
- Automate handoff from design to development by feeding design context to coding agents
- Extract design tokens and component specs for consistent implementation
Pros
- Bridges design-to-code gap by making Figma data machine-readable to LLMs
- Works with existing MCP-compatible agents (Cursor, Claude, others)
- Reduces manual design spec translation and copy-paste errors
Cons
- Requires Figma API access and authentication setup
- Output quality depends on how well Figma designs are structured and organized
- Limited to layout and structure extraction, not pixel-perfect visual rendering
Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.
Pros
- Bridges design-to-code gap by making Figma data machine-readable to LLMs
- Works with existing MCP-compatible agents (Cursor, Claude, others)
- Reduces manual design spec translation and copy-paste errors
Cons
- Requires Figma API access and authentication setup
- Output quality depends on how well Figma designs are structured and organized
- Limited to layout and structure extraction, not pixel-perfect visual rendering
Pairs with
Other entries in the index that connect to this one. Click through to see the chain.
AI-by-design/primitiv
Various
The design system infrastructure keeping teams and agents in sync.
albertnahas/icogenie-mcp
Various
MCP server for IcoGenie - Enable AI agents to generate SVG icons programmatically
bart6114/my-bear-mcp-server
Various
📇 🏠 🍎 - Allows to read notes and tags for the Bear Note taking app, through a direct integration with Bear's sqlitedb.
Brand-System/brandsystem-mcp
Various
MCP server for progressive brand governance — extract, compile, and audit brand identity systems
CoderGamester/mcp-unity
Various
Model Context Protocol (MCP) plugin to connect with Unity Editor — designed for Cursor, Claude Code, Codex, Windsurf and other IDEs
dannote/figma-use
Various
Control Figma from the command line. Full read/write access for AI agents — create shapes, text, components, set styles, export images. 100+ commands.
diivi/aseprite-mcp
Various
MCP server for interacting with the Aseprite API
dodopayments/contextmcp
Various
Self-hosted MCP server for your documentation
ejwhite7/brandkit-mcp
Various
Open-source MCP server that gives AI tools native access to your company's design system — drop in your brand files, connect to Claude or any LLM tool
ethbak/icon-composer-mcp
Various
Apple Icon Composer CLI & MCP server: create and manipulate .icon bundles and images with Liquid Glass rendering
evalstate/mcp-miro
Various
📇 ☁️ - Access MIRO whiteboards, bulk create and read items. Requires OAUTH key for REST API.
ferrants/memvid-mcp-server
Various
A Streamable HTTP MCP Server for Memvid
freema/mcp-design-system-extractor
Various
MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adopti
GenWaveLLC/svgmaker-mcp
Various
Model Context Protocol server for SVGMaker - AI-powered SVG generation and editing. Seamlessly integrate SVG creation into AI workflows.
Jpisnice/shadcn-ui-mcp-server
Various
A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native
kenneives/design-token-bridge-mcp
Various
MCP server that translates design tokens between platforms — Tailwind, Figma, CSS to Material 3, SwiftUI, and CSS Variables. Built for the v0 → Figma → Claude Code pipeline.
keturiosakys/bluesky-context-server
Various
Bluesky MCP server
mhmzdev/Figma-Flutter-MCP
Various
An MCP server that provides the coding agents Figma's design token to write Flutter code.
MohamedAbdallah-14/prompt-to-asset
Various
MCP server + CLI for production-grade software assets (logos, app icons, favicons, OG, illustrations) — routes across 30+ image models, zero-key first, validates before shipping.
musepy/genable
Various
Quality-first AI UI generator for Figma. Multi-protocol: Gemini · Claude · OpenAI-compatible.
shadcn/studio MCP
Various
Integrate shadcn/studio MCP Server directly into your favorite IDE and craft stunning shadcn/ui Components, Blocks and Pages inspired by shadcn/studio.
tiianhk/MaxMSP-MCP-Server
Various
MCP (Model Context Protocol) Server for Max (Max/MSP/Jitter)
TwelveTake-Studios/reaper-mcp
Various
🐍 🏠 🍎 🪟 🐧 - MCP server enabling AI assistants to control REAPER DAW for mixing, mastering, MIDI composition, and full music production with 129 tools
vasylenko/claude-desktop-extension-bear-notes
Various
MCP Server for Bear note taking app available as Claude Desktop extension or standalone server for any other AI tool
YuChenSSR/mindmap-mcp-server
Various
mindmap, mcp server, artifact
dodopayments/contextmcp
Various
Self-hosted MCP server for your documentation
themesberg/flowbite-mcp
Various
Convert Figma design to code with the official Flowbite MCP server
vkhanhqui/figma-mcp-go
Various
Figma MCP for free users — no rate limits, full read/write, text to designs, designs to code