AgentIndex icon
AgentIndex
ToolsMCP ServersHOTCategoriesTrendingNewBest ListsCompareGuides
Submit Tool
ToolsMCP ServersHOTCategoriesTrendingNewBest ListsCompare
Home/
Dev Tooling/
figwright
figwright logo

figwright

Active·★ 1.1k·MIT·Updated 2026-10-22
★ Essential

Figwright connects an MCP server to a Figma plugin over a local WebSocket relay, so an agent such as Claude Code, Cursor or Codex can work with Figma rather than just look at it. The README says it works in two directions: reading a Figma selection and turning it into framework-aware code, and writing to the canvas (frames, text, auto-layout, styles, variables, components and whole screens). It claims 104 tools across both directions.

Everything runs on your machine and talks to Figma through a plugin, so the README says it needs no Figma Dev Mode seat and no paid tier. For code generation it says it detects your actual framework and styling system and reuses your existing components, tokens and icons. Several MCP clients can share one plugin, with a leader process owning the connection, and the transport is built to survive dropped sockets. Read and write workflows are also published as installable agent skills.

© 2026 AgentIndex.app|Built by a 10-year iOS Developer.
Best by use caseAboutContactAdvertisePrivacy PolicyTerms of UseQYSGitHubBuy me a coffee ☕

Browse by Category

MCP ServersCode AssistantWorkflow AutomationRAG / Knowledge BaseMulti-AgentBrowser AutomationLLM InfraDev ToolingObservability

Not affiliated with Anthropic, OpenAI or Microsoft.

Guides

Setup has four steps. Add `npx -y @figwright/mcp@latest` to your MCP client config; download the plugin zip from the latest GitHub release and import its `manifest.json` in the Figma desktop app (the plugin is not on the Figma Community marketplace yet); open the plugin, which connects automatically; and ask the agent to run `ping`. It is MIT licensed and was last pushed on 2026-10-12. This review is based on the README and repository data; we have not run it ourselves.

This write-up is based on the project's README and public repository data. We have not hand-tested the tool. Data as of 2026-10-20.

License
MIT
Latest release
v0.6.0 · 2026-10-01
Last commit
2026-10-20
Contributors
9
Forks
64
Open issues and PRs
3
First published
2026-06-18
npm package
@figwright/mcp 0.6.0 · 613 downloads last week

Source: GitHub, npm and PyPI public APIs.

#Figma Automation#AI Agents#Design-to-Code#Code-to-Design#Developer Tools#WebSocket#Plugin#Node.js
$ Install
$ npx -y @figwright/mcp@latest
↗ Visit site★ GitHub
01

Features

01Free to use, no Figma Dev Mode or paid tier required.
02Bidirectional interaction, enabling both reading designs and writing to the canvas.
03Provider-first code generation, adapting to existing tech stacks and components.
04Compatible with any MCP client (e.g., Claude Code, Cursor).
05Open and extensible architecture with installable skills for custom workflows.
02

Why choose it

+Bidirectional: reads Figma selections into code and writes frames, text, styles, variables and components back to the canvas
+Free per the README: no Figma Dev Mode seat or paid tier needed, and everything runs locally
+Code generation is meant to reuse your own components, tokens and icons rather than emit generic markup
+Works with Claude Code, Cursor, Codex and other MCP clients, with installable skills; MIT; last push 2026-10-12
03

Trade-offs

!The Figma plugin is not on the Community marketplace yet, so it must be imported manually from a release
!Needs the Figma desktop app with the plugin open and connected, plus Node for `npx`
!With write tools, an agent can change your Figma files, so try it on a copy first
!The 104-tool count and the Dev Mode comparison are the project's own claims
04

Maintenance check

ActiveChecked: 2026-10-22
Last commit
2026-10-21
Commits, last 90 days
100+
Releases, last 90 days
3
Latest release
v0.6.0 (2026-10-01)
Open issues
3
Recent issues with at least one comment
2/3
Commits per week, last 12 weeks
Commits per week, last 12 weeks: 15, 15, 15, 16, 19, 8, 15, 15, 18, 7, 21, 8

Oldest week on the left; the latest four weeks are orange. Source: GitHub commit activity.

Status rule: archived on GitHub = Archived; last commit within 90 days = Active; 91 to 365 days = Slowing; older = Stale. All figures come from the GitHub API on the date shown.

05

Compatibility

Node.js
Runtime
Verified via docs
Figma
Platform
Verified via docs
MCP Client
Integration
Verified via docs
06

Quick start

1
$ npx -y @figwright/mcp@latest
07

Use cases

↳Generate framework-aware code (e.g., React components) directly from Figma selections.
↳Build or edit Figma designs on the canvas using natural language descriptions or code.
↳Integrate AI agents to automate design implementation and iteration processes.
↳Create rich design context for AI models, bridging Figma data with codebase components.
08

Alternatives

⚡Top VS:
VSCopilotKit★38.2k→VSmcp-app-typescript-template★21→VSdigital-twins★20→

Comments

Log in to leave a comment

No comments yet. Be the first!

On this page
01Features02Why choose it03Trade-offs04Maintenance check05Compatibility06Quick start

Most discussed open issues

  • #249 Homebrew Install0 comments · 2026-09-27
  • #77 Dependency Dashboard0 comments · 2026-07-15

Issue titles are quoted from GitHub. Open the link to check whether a problem still applies to the version you use.

VS
agent-toolkit
★192
→
CopilotKit logo
CopilotKit★ 38.2k
React UI + elegant infrastructure for AI Copilots, AI chatbots, and in-app AI agents. The Agentic Frontend.
VSCompare→
mcp-app-typescript-template logo
mcp-app-typescript-template★ 21
ChatGPT app template using Pomerium, OpenAI Apps SDK and Model Context Protocol (MCP), with a Node.js server and React widgets.
VSCompare→
digital-twins logo
digital-twins★ 20
Test mode for your integrations, built for the way agents build.
VSCompare→
agent-toolkit logo
agent-toolkit★ 192
Collection of resources to help AI agents build better with Sanity.
VSCompare→
tesseron logo
tesseron★ 21
Expose typed web-app actions to MCP-compatible AI agents over WebSocket. TypeScript SDK + matching MCP gateway.
VSCompare→
DebugMCP logo
DebugMCP★ 573
Gift your VS Code agent a real debugger: breakpoints, stepping, inspection.
VSCompare→
rutis logo
rutis★ 149
A plugin runtime for software that iterates on itself — the substrate where agents write, swap and hot-reload their own plugins in Rust, TypeScript, Python and Go, across processes and machines.
VSCompare→
ai-agents-from-scratch logo
ai-agents-from-scratch★ 4.9k
Demystify AI agents by building them yourself. Local LLMs, no black boxes, real understanding of function calling, memory, and ReAct patterns.
VSCompare→
See all alternatives →
07
Use cases
08Alternatives
awdr74100 /
figwright
↗

MIT MCP server plus Figma plugin that lets agents read designs into code and write to the Figma canvas, with no paid seat

1.1k64MIT
Last commit1d ago
StatusActive
CategoryDev Tooling
Contributors9
Latest releasev0.6.0
Links
Documentation↗Discussion↗Issues↗Releases↗
Cloud Infrastructure
Ad

Deploy on DigitalOcean

Host your MCP servers, Docker containers, and AI agents with $200 free credit over 60 days.

Claim $200 Free Credit