figma-generate-design

github:openai/skills · first seen 2026-10-30T20:36:17 · installs n/a · source · badge

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the u

Works with

figma-implement-design
Shares figma, translating, switch, implement
0.35
figma-use
Shares figma, screen, whenever, styles
0.33
figma-generate-library
Shares figma, styles, system, update
0.3
figma-code-connect-components
Shares figma, connect, published, components
0.3
figma
Shares figma, involves, design, system
0.23

Woven into by

figma-implement-design
Shares figma, translating, switch, implement
0.35
figma-use
Shares figma, screen, whenever, styles
0.33
figma
Shares figma, involves, design, system; output of this skill can feed the other (produce then consume)
0.33
figma-code-connect-components
Shares figma, connect, published, components
0.3
figma-generate-library
Shares figma, styles, system, update
0.3
figma-create-design-system-rules
Shares figma, system, design, hardcoded
0.22
figma-create-new-file
Shares figma, calling, design, create
0.19
screenshot
Shares screen, figma, take, system
0.15

Skill Health 100 estimated by backskills

Freshness 100 · Quality 100 · Efficacy not tested

Efficacy: not tested yet.

Version history

2026-10-30T20:36:17 · sha256 45d2b97103bd