---
title: "layerwright"
description: "MCP server plus Figma plugin that turns Claude Design output or HTML into editable Figma layers with Auto Layout and your components, and frames back into React."
canonical: "https://vibing.inc/library/layerwright-vg-2419"
category: "Figma, Assets & Media"
subcategory: "Figma API & plugin dev"
license: "MIT"
author: "@shayan-m81"
source: "https://github.com/shayan-m81/layerwright"
---

# layerwright
MCP server plus Figma plugin that turns Claude Design output or HTML into editable Figma layers with Auto Layout and your components, and frames back into React.
## Facts
- Source: https://github.com/shayan-m81/layerwright
- Category: Figma, Assets & Media / Figma API & plugin dev
- Author: @shayan-m81
- Licence: MIT
- Tags: figma, mcp, html-to-figma, claude-code
## Why it's a gem
Round-trips agent-made UI into real Figma layers instead of flat screenshots.
---
Listed in The Vibeary: https://vibing.inc/library/layerwright-vg-2419 · JSON: https://vibing.inc/api/public/library/gems/layerwright-vg-2419