AgentIndex icon
AgentIndex
ToolsCategoriesTrendingNewCompare
Submit Tool
ToolsCategoriesTrendingNewCompare
Home/
Dev Tooling/
figwright
figwright logo

figwright

Active·★ 114·MIT·Updated 2026-07-15
★ Hidden Gem★ Essential

Figwright enables AI agents to interact with Figma bi-directionally, allowing them to read design selections into framework-aware code and directly author/edit the canvas. It operates via a local WebSocket relay between an MCP server and a Figma plugin, making it accessible without a Figma Dev Mode seat or paid tier.

figwright is currently grouped under Dev Tooling, which makes it easier to evaluate through workflow fit instead of isolated features alone. Based on the available data, it leans most heavily toward Free to use, no Figma Dev Mode or paid tier required. and Generate framework-aware code (e.g., React components) directly from Figma selections.. The listed license is MIT, which is useful when adoption constraints matter. It also shows measurable community traction with 114 GitHub stars.

#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

+Free to use, no Figma Dev Mode or paid tier required.
+Generate framework-aware code (e.g., React components) directly from Figma selections.
+Covers 3 supported environments or platforms, which is helpful for broader deployment needs.
+Ships with a public repository and a MIT license, which makes adoption and review easier.
03

Trade-offs

!There are at least 8 related tools in the same category, so the best choice is easier to make after side-by-side comparison.
04

Compatibility

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

Quick start

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

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.
07

How it compares

≈figwright sits in the Dev Tooling category, so it makes more sense to evaluate it alongside tools like fastmcp instead of in isolation.
≈If your main need is closer to "Generate framework-aware code (e.g., React components) directly from Figma selections.", that use case is a better lens for comparison than broad feature checklists alone.
≈figwright uses a MIT license, and community traction are both easier to judge in category context.
08

Alternatives

fastmcp logo
fastmcp★ 26.2k
🚀 The fast, Pythonic way to build MCP servers and clients.
vs →
MCP-Chinese-Getting-Started-Guide logo
MCP-Chinese-Getting-Started-Guide★ 3.5k
Model Context Protocol(MCP) 编程极速入门
vs →
headroom logo
headroom★ 59.5k
Compress tool outputs, logs, files, and RAG chunks before they reach the LLM. 60-95% fewer tokens, same answers. Library, proxy, MCP server.
vs →
Context7 logo
Context7★ 59.2k
MCP Server that provides up-to-date code documentation for LLMs and AI code editors.
vs →
mindsdb logo
mindsdb★ 39.4k
Federated Query Engine for AI - The only MCP Server you'll ever need
vs →
GitHub MCP Server logo
GitHub MCP Server★ 31.5k
GitHub's official MCP Server. Allows AI agents to interact directly with your GitHub repositories (read files, search code, issues).
vs →
Brave Search MCP logo
Brave Search MCP★ 88.6k
Allow your AI Agent to search the real-time internet using Brave Search API. Essential for getting up-to-date information.
vs →
Gemini CLI logo
Gemini CLI★ 106.0k
An open-source AI agent that brings the power of Gemini directly into your terminal. Supports native MCP.
vs →
See all alternatives →

Related searches

figwright AlternativesBest Dev Tooling Tools 2026Open Source Dev Toolingfigwright Tutorialfigwright Vs CompetitorsFigma AutomationAI AgentsDesign-to-Code

Comments

Log in to leave a comment

No comments yet. Be the first!

On this page
01Features02Why choose it03Trade-offs04Compatibility05Quick start06Use cases07How it compares08Alternatives
Stats
GitHub Stars★ 114
Last commit5d ago
StatusActive
LicenseMIT
CategoryDev Tooling
Trend (30d)
+4.5↑ 2.8%
Links
Documentation↗Discussion↗Issues↗Releases↗

Deploy on DigitalOcean — Get $200 Free Credit

Ad
© 2026 AgentIndex.app|Built by a 10-year iOS Developer.
QYSGitHubBuy me a coffee ☕

Browse by Category

Code AssistantWorkflow AutomationRAG / Knowledge BaseMulti-AgentBrowser AutomationLLM InfraDev ToolingObservability

Not affiliated with Anthropic, OpenAI or Microsoft.