AcademyMCP serversDesign and media

figwright

Design and front-end teams that want an AI agent to move work between Figma and code.

Use it nowWant it running at your company?
  • Recommendedour rating
  • 1,008gitHub stars
  • MITlicence
  • todaylast update

Use it now

Open inClaudeChatGPTGeminiPerplexity
claude mcp add figwright -- npx -y @figwright/mcp@latest
Install in CursorInstall in VS CodeOpen the original ↗

Third party software. By copying, downloading or installing it you accept the Academy legal notice: you are responsible for reviewing its code and permissions before use.

README.md

Loading the file...

What it does

A two-way Figma bridge for coding agents. An MCP server talks to a Figma plugin over a local WebSocket, so an agent can turn selections into code that reuses your components and tokens, or create frames, text, styles, variables and screens.

Use cases

  1. 01Generate code from a selected Figma frame
  2. 02Create screens and text layers from a brief
  3. 03Reuse existing components and design tokens in code

Questions about
figwright.

What is figwright used for?

Design and front-end teams that want an AI agent to move work between Figma and code. A two-way Figma bridge for coding agents. An MCP server talks to a Figma plugin over a local WebSocket, so an agent can turn selections into code that reuses your components and tokens, or create frames, text, styles, variables and screens.

How do I install figwright?

Run this in your terminal: claude mcp add figwright -- npx -y @figwright/mcp@latest

Is figwright open source?

Yes. The code is on GitHub (awdr74100/figwright) under the MIT licence.

Is figwright safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.

Related resources

Read the guide: AI marketing content systems ↗

  1. 001Algorithmic ArtDesign and marketing teams who want original generative visuals for campaigns, events or web pages.OfficialSkill
  2. 002Canvas DesignDesign and marketing teams who need original posters or visual pieces with a clear aesthetic direction.OfficialSkill
  3. 003Frontend DesignDesign and web teams building landing pages or interfaces that need a distinct visual identity.OfficialSkill
  4. 004Framelink MCP for FigmaDesign and front-end teams that want an AI coding agent to build interfaces from Figma files.RecommendedMCP server · ★ 16k
  5. 005Magic MCP (21st MCP)Design and front-end teams that want an assistant to produce interface components inside their editor.RecommendedMCP server · ★ 6k
  6. 006davinci-resolve-mcpVideo and creative teams that want an AI assistant to help with editing, organizing media and project tasks in DaVinci Resolve.RecommendedMCP server · ★ 3.5k