Design
figma-console-mcp
Your design system as an API — an MCP server that connects AI to Figma for extraction, creation and debugging
★ 2.5k starsMIT
View guide →TalkToFigma — an MCP bridge letting Cursor, Claude Code or Codex read and modify Figma designs.
cursor-talk-to-figma-mcp is an open-source design project by grab (grab/cursor-talk-to-figma-mcp on GitHub). It has 7,047 GitHub stars and 778 forks, is released under the MIT license, and was last updated on GitHub on 26 July 2026.
Install Bun, decide which agent client you will connect (Cursor is the documented path), and have a Figma file ready to experiment on.
Clone grab/cursor-talk-to-figma-mcp from GitHub (or use the install path in the run steps below) and skim its README for the parts relevant to your goal.
Add the MCP server to your client's MCP config, start the WebSocket server with bun socket, and link the Figma development plugin from the repo's manifest.
Open a Figma file with the plugin running, ask your agent to describe the current selection, then have it make one small change — for example editing a text node.
Agents can read designs and modify them programmatically through one MCP bridge, rather than only exporting assets.
MCP tools cover reading the document and selection, so agents can ground changes in the real file structure.
Create elements, modify text content, adjust auto layout and spacing, and apply styling from agent instructions.
Add annotations and create prototype connections between frames as part of an agent workflow.
Built for Cursor, and usable from Claude Code and Codex as MCP clients.
The Figma side is also published as a Figma Community plugin for easier installation.
Get the source from the official GitHub repository for cursor-talk-to-figma-mcp.
git clone https://github.com/grab/cursor-talk-to-figma-mcp.git
cd cursor-talk-to-figma-mcpAdd TalkToFigma to your Cursor MCP configuration exactly as the README's manual setup shows, and start the WebSocket server.
bun socket # plus the mcp.json entry with command bunx, args cursor-talk-to-figma-mcp@latest — see READMEIn Figma, create a development plugin by linking the repo's plugin manifest, then run it in your file.
# Figma: Plugins > Development > New Plugin > Link existing plugin > select src/cursor_mcp_plugin/manifest.json — see READMEgrab (Grab), through the grab/cursor-talk-to-figma-mcp repository.
Yes — the project is open source under the MIT license as recorded for this listing. You can use, modify and distribute it under the MIT terms.
No paid key is required beyond your Figma account and the AI agent client you already use; the bridge itself is free and MIT licensed.
Export tools go one way: design in, code out. TalkToFigma is a live two-way bridge — the agent reads the actual Figma document and changes it in place, which suits iterative design work inside Figma rather than handoff generation.
Clone the repository (or use the documented installer), follow the install and configure steps on this page, and run the smallest real task first — open a Figma file with the plugin running, ask your agent to describe the current selection, then have it make one small change — for example editing a text node.
Your design system as an API — an MCP server that connects AI to Figma for extraction, creation and debugging
MCP agent toolkit that makes AI-written code more deterministic
Models-as-code tool for the C4 software architecture model
Connect AI coding assistants to Unity or Godot with 275+ tools
Desktop MCP client that unifies AI tools across vendors
This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
The most-starred other Design projects in the LibreAI catalogue — the realistic shortlist if cursor-talk-to-figma-mcp is not the right fit.
Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill
There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Pri…
draw.io Desktop — the official offline desktop app for diagrams.net: flowcharts, architecture diagrams and wireframes in an Electron app that never sends your diagram data anywhere, GPL-3.0
Free and open — grab the source, star the repo, and start creating.