Free, bidirectional Figma MCP server for design-to-code and back.
figwright is worth checking the docs before setup with strong trust signals. Check agent compatibility and use-case fit before adding it to your workflow.
Repository setup guidance
gh repo view awdr74100/figwright --webOpen the official README and confirm the supported install method.
Add the server entry to your MCP client config.
Restart your agent and verify that the server tools appear.
Figwright connects an MCP server to a Figma plugin, letting AI agents read and write Figma designs as code.
Figwright is a free, open-source MCP server that bridges AI coding agents and Figma. It enables you to turn Figma designs into framework-aware code and write code back to the Figma canvas, supporting tools like Claude Code and Cursor.
Strong trust signals; still review the README and permissions before production use.
Last commit was about 18 days ago.
99 GitHub stars indicate community interest.
0 open issues signal maintenance load.
MIT license detected.
Convert Figma designs to React component code
Update Figma layers based on code changes
Extract design tokens from Figma
Automate design-to-development handoff
Create new design elements programmatically
Requires a Figma personal access token and plugin ID
Read/write access to your Figma files; treat token securely
Open-source, audit the code for safety
No data leaves your local MCP server setup
Read the current Figma design frame and generate a Tailwind CSS component
99
Stars
5
Forks
0
Issues
MIT
License
Extract any website's complete design system with one command.
Argos is an open source visual testing platform that detects unintended UI changes to help teams maintain quality.
Generate design system documentation for UI components directly from your AI agent, rendering into Figma or portable .md files.
Free, bidirectional Figma MCP server for design-to-code and back.
Frontend developers, Design engineers, Design-to-code workflow optimizers
The setup section provides repository-level starting guidance, not a guarantee of an independently verified installation. Check the official README and release notes.
Requires a Figma personal access token and plugin ID Read/write access to your Figma files; treat token securely
Similar or complementary options to evaluate include design-extract, Argos, uSpec.
Jul 11, 2026
4 security/trust notes recorded.
Setup difficulty is 3/5.