Skip to content
AI-Point.uz
← Back to catalog
SkillOfficial: OpenAI

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.

Codex
$skill-installer figma-generate-design

Manually

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