figma-generate-design
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 user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.
OpenAI · Official
Official vendor skill. AI-Point has not reviewed vendor skills: the content and installation stay with the vendor; the catalog stores only the description, license and a link to the source.
Install
Run the command in Codex.
$skill-installer figma-generate-designManually
Copy the skill folder from the repository into ~/.codex/skills/.
Skill files
- SKILL.md19.7 kB
- LICENSE.TXT440 byte
- agents/openai.yaml532 byte
- assets/figma-small.svg818 byte
- assets/figma.png1.6 kB
- assets/icon.svg964 byte
- maintainers.yml21 byte