$ 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.
Retrieve Figma design data for AI-generated code, templates, or prompts.
Connect AI agents to Figma for file access and node manipulation.
Read, edit, and turn Figma designs into code with accessibility checks.
Let AI agents access Figma files, prototypes, design data, and assets directly.
Read Figma designs via API to support design-to-code development workflows.