figma/figma-generate-design
Figma
figma
Build or update screens in Figma from code or description using design system components
How to get this skill
Agent Skill by figma. Download or clone it, then install it in your agent.
Setup & Installation
- Open the official source and download the skill files.
- Copy the skill folder (which contains
SKILL.md) into your agent skills folder, e.g..claude/skills/. - Restart or reload the agent to auto-discover the skill.
- Check
SKILL.mdfor any special instructions or requirements.
Related skills
Figma
figma/figma-code-connect-components
Connect Figma design components to code components using Code Connect
figma
Details →
Figma
figma/figma-create-design-system-rules
Generate project-specific design system rules for Figma-to-code workflows
figma
Details →
Figma
figma/figma-create-new-file
Create a new blank Figma Design or FigJam file
figma
Details →
Figma
figma/figma-generate-library
Build or update a design system library in Figma from a codebase
figma
Details →