Design
figma-console-mcp
Your design system as an API — an MCP server that connects AI to Figma for extraction, creation and debugging
★ 2,5 mil estrelasMIT
Ver o guia →cursor-talk-to-figma-mcp é um projeto de design de código aberto de grab (grab/cursor-talk-to-figma-mcp no GitHub). Tem 7.047 estrelas no GitHub e 778 forks, é publicado sob a licença MIT e foi atualizado pela última vez no GitHub em 26 de julho de 2026.
TalkToFigma — an MCP bridge letting Cursor, Claude Code or Codex read and modify Figma designs.
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.
Os outros projetos de Design com mais estrelas no catálogo do LibreAI — a lista realista de alternativas se cursor-talk-to-figma-mcp não for o ideal para você.
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
Projetos de Design próximos no catálogo, os mais próximos em estrelas de cursor-talk-to-figma-mcp: continue explorando dos dois lados dele.
Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports…
Project flat is the Web, Windows and macOS client of Agora Flat open source classroom.
This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts…
Checkmate is an open-source, self-hosted tool designed to track and monitor server hardware, uptime, response times, and incidents in real-time with beautifu…
Rallly is an open-source scheduling and collaboration tool designed to make organizing events and meetings easier.
Grátis e aberto: pegue o código-fonte, dê uma estrela no repositório e comece a criar.