Build a Figma design from code or a description — the reverse of figma-codegen. Reuses the connected file's existing design system (components, variables, styles) instead of drawing primitives with hardcoded values. Triggers whenever the user wants something created or updated IN Figma from code or a spec — e.g. 'build this in Figma', 'create a Figma design for this', 'push this component/screen to Figma', 'turn this React/Vue into a Figma design', 'recreate this UI in Figma', 'make a Figma version of …', 'design a landing page/screen in Figma' — or whenever a coding artifact (a component, page, or spec) appears alongside a request to author in a connected Figma file. Works for full screens, sections, single components, or design-system assets.
$npx -y skills add awdr74100/figwright --skill figma-buildInstalls into the current project.
Run `npx skills use "https://github.com/awdr74100/figwright" --skill "awdr74100/figwright/figma-build"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/awdr74100/figwright" that are relevant to the current task. Run `npx skills add "https://github.com/awdr74100/figwright"` and select the relevant skills, then follow their instructions.