figma-generate-design
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Trigger
Open source Repository Open in the app JSON README (API)
About
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.
Details
- Kind
- Agent skills
- Topic
- Media, design & games
- Publisher
- openai
- Origin
- directory
- Category
- ferramentas
- Stars
- 25,414
- Forks
- 1,721
- Last push
- 2026-07-14T16:47:46Z
- Repository state
- ativo
- Language
- Python
- Added
- 2026-08-30 01:59:06
- Updated
- 2026-08-30 01:59:06
- Origin id
openai/skills/skills/.curated/figma-generate-design
README
> [!IMPORTANT] > **This repository is deprecated.** For current Codex skill and plugin examples, use the [OpenAI Plugins repository](https://github.com/openai/plugins). If you want to add your own skills to Codex, follow the [Build plugins](https://developers.openai.com/codex/plugins/build) guide, which includes instructions for creating a skill-only plugin. # Agent Skills Agent Skills are folders of instructions, scripts, and resources that AI agents can discover and use to perform at specific tasks. Write once, use everywhere. Codex uses skills to help package capabilities that teams and individuals can use to complete specific tasks in a repeatable way. This repository catalogs skills for use and distribution with Codex. Learn more: - [Using skills in Codex](https://developers.openai.com/codex/skills) - [Create custom skills in Codex](https://developers.openai.com/codex/skills/create-skill) - [Agent Skills open standard](https://agentskills.io) ## Installing a skill Skills in [`.system`](skills/.system/) are automatically installed in the latest version of Codex. To install [curated](skills/.curated/) or [experimental](skills/.experimental/) skills, you can use the `$skill-installer` inside Codex. Curated skills can be installed by name (defaults to `skills/.curated`): ``` $skill-installer gh-address-comments ``` For experimental skills, specify the skill folder. For example: ``` $skill-installer install the create-plan skill from the .experimental folder ``` Or provide the GitHub directory URL: ``` $skill-installer install https://github.com/openai/skills/tree/main/skills/.experimental/create-plan ``` After installing a skill, restart Codex to pick up new skills. ## License The license of an individual skill can be found directly inside the skill's directory inside the `LICENSE.txt` file.