figwright

figwright

A free bidirectional Figma MCP server that converts designs into framework-aware code and pushes code back to the canvas.

MCPDevOpen source
Type
MCP
Open source
Yes
GitHub Stars
★ 1.0k
Source
mcp-github

Overview

Figwright is a free bidirectional Figma MCP server that transforms Figma designs into framework-aware code and pushes code back into the Figma canvas. It supports Claude Code, Cursor, Codex, and any MCP client. Figwright connects the MCP server and Figma plugin via a local WebSocket relay, enabling AI agents to interact with Figma. It can read Figma selections and generate code, as well as build Figma designs from code. Figwright supports multiple frameworks and styling systems and allows reuse of existing components and tokens.

Capabilities

  • ▪Convert Figma selections into framework-aware code
  • ▪Build Figma designs from code
  • ▪Support multiple frameworks and styling systems
  • ▪Reuse existing components and tokens

Use cases

Convert Figma designs into React componentsBuild Figma designs from codeMultiple agents working simultaneouslyImplement design directly in Figma

Setup

Requires: MCP 客户端Node.js 20.19+ 或 22.12+Figma
1. Add the Figwright server in your MCP client configuration: \

This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.

Related skills