$ loading_
Read and update Figma designs with structured, high-fidelity design actions.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "figwright" yet — see the docs or source repo.
Based on this product brief, create 3 mobile homepage wireframe options on the current Figma page. Use frames, auto-layout, text layers, and basic button components, and add a title and note for each option.
Three editable homepage wireframe layouts are created in Figma with clear structure and explanatory labels.
Read the currently selected Figma design and summarize colors, font sizes, spacing, component names, and variable usage into a frontend implementation guide grouped by module.
A structured implementation guide is produced to help frontend developers reproduce design details and style rules accurately.
Inspect the buttons and form sections in the current file, find inconsistently named or duplicated styles, convert them into reusable components, and normalize color and text style variables.
Relevant elements in the Figma file are consolidated into a consistent component system with cleaner, more reusable style variables.
Read and modify Figma designs programmatically with AI.
Connect AI agents to Figma for file access and node manipulation.
Read Figma designs via API to support design-to-code development workflows.
Connect AI to Figma to read and programmatically update designs.
Let AI read and edit Figma files for faster design workflows.
Use natural language to create, review, fix, and sync designs in Figma.