layerwright

active

Turn Claude Design and Claude Code designs into native, editable Figma files (HTML to Figma with Auto Layout and your Design System components), and Figma frames into code that uses your own React components. An MCP server and Figma plugin for Claude Code

Code-only MCP server: no hosted endpoint, so you install and run it yourself. It is not probed, graded or counted in our reachability statistics.

Get it

Repository: github.com/shayan-m81/layerwright
Package: npm: layerwright
Run (stdio): npx -y layerwright
The usual command for this package registry; check the repository README for required settings.
License: MIT
Last update: 2026-10-11
Homepage: github.com/shayan-m81/layerwright#readme

claude design to figma export claude design claude code figma html to figma figma mcp ai design to figma design system automation figma figma-plugin mcp model-context-protocol claude-code

Listed in

npm · source

Run this server as a hosted endpoint? Submit the endpoint and it moves to the remote directory, where it is probed and graded.