SKILL

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.

Target: Figma. Automatically collected · unverified.

Requirements

Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.

A small first task

先阅读原作者说明，再决定是否在自己的 AI 工具中使用。

Instructions for your AI tool

Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.

Sources and evidence

This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.

Author: OpenAI Skills · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T14:01:37.376Z.

Categories are inferred from names, descriptions and paths. They do not establish compatibility.

License and attribution

License unknown. Third-party content and copyright remain with their authors. Refer to the original license and terms.

Synchronization, copying and user-reported success do not mark a resource as runtime-tested.

Original project ↗Original documentation ↗

Limitations and notes

Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.