Turn HTML and Claude Design exports into native, editable Figma frames with Auto Layout and your Design System components, build screens and prototypes from prompts, and implement Figma frames in code with your own React components. Runs locally with Figma desktop (no API keys or cloud): run npx layerwright init, import the plugin in Figma, see the Quickstart in the README.
Enables Claude to interact directly with Figma Desktop for creating UI components, managing design tokens, and auditing files through natural language. It establishes a live connection between the AI and the Figma API via a local server and companion plugin.
Enables Claude Desktop and other AI tools to interact directly with Figma, allowing for powerful AI-assisted design capabilities through natural language commands.
Enables AI assistants like Claude Desktop to interact directly with Figma, allowing natural language commands to create, modify, and analyze designs including shapes, text, components, and layouts in real-time.
Enables agents to compare a live web page against a Figma frame and receive a bounded JSON verdict of design deviations, without sending screenshots or mockups through the model context.