$ 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.
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.
Connect Figma files to extract data, capture screens, and generate code.
Read Figma files and write content back to the canvas.
Let AI inspect and edit the currently open Figma desktop file.