figwright MCP Server
awdr74100/figwright
[](https://agentrank-ai.com/tool/awdr74100--figwright/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
awdr74100/figwright is a TypeScript MCP server licensed under MIT. Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client. Topics: claude-code, codegen, design-to-code, figma, figma-plugin, figma-to-code, mcp, ai, codex, cursor, figma-mcp, model-context-protocol.
Ranked #5142 out of 24846 indexed tools.
Has 1,026 GitHub stars.
Ecosystem
Score Breakdown
1,026 stars → well-known project
Last commit 29d ago → recently updated
7/13 issues closed → decent issue management
6 contributors → small team
1 dependent → few downstream users
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
Matched Queries
From the README
<div align="center"> <br /> <picture><source media="(prefers-color-scheme: dark)" srcset="./.github/assets/logo-full-dark.svg"><source media="(prefers-color-scheme: light)" srcset="./.github/assets/logo-full-light.svg"></picture> <br /> <p align="center"> A free, two-way Figma MCP server for coding agents. <br /> Pairs with a Figma plugin, not a Dev Mode seat. </p> [About](#about) · [Setup](#setup) · [Skills](#skills) · [Tools](#tools) · [Plugin](#plugin) · [FAQ](#faq) · [Contributing](#contributing) <a href="https://trendshift.io/repositories/68274?utm_source=trendshift-badge&utm_medium=badge&utm_campaign=badge-trendshift-68274" target="_blank" rel="noopener noreferrer"></a> </div> ## About Figwright connects an **MCP server** to a **Figma plugin** over a local WebSocket relay, so an AI agent (Claude Code, Cursor, Codex, or any other MCP client) can work _with_ Figma instead of just looking at it. It works in both directions: **Read**: turn a Figma selection iRead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.