デザイン
figma-console-mcp
Your design system as an API — an MCP server that connects AI to Figma for extraction, creation and debugging
★ 2.5k スターMIT
ガイドを見る →cursor-talk-to-figma-mcpは、grabが公開しているオープンソースのデザインプロジェクトです（GitHub: grab/cursor-talk-to-figma-mcp）。GitHubスターは7,047、フォークは778で、MITライセンスの下で公開されています。GitHubでの最終更新は2026年7月26日です。
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.
LibreAIカタログに掲載されたデザインプロジェクトの中で最もスターの多いもの — cursor-talk-to-figma-mcpが合わなかった場合に検討したい、現実的な候補リストです。
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
カタログの中でcursor-talk-to-figma-mcpとスター数が近いデザインプロジェクト — 前後の棚もそのまま見て回れます。
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.
無料でオープン — ソースコードを入手して、リポジトリにスターを付け、作り始めましょう。