Apply Anthropic brand colors and typography to artifacts
Figma Generate Design
SkillBuild Figma screens from code using design-system tokens
Clone or download it from github.com, then drop the folder into ~/.claude/skills/ (Claude Code) or your agent's skills directory.
Product badge
Share this product's name and rating in your README or on your website.
Updates may be delayed by image caching.
About Figma Generate Design
OpenAI curated skill for building or updating full-page screens in Figma from code or a description. Discovers design-system components and variables, then assembles layouts section by section with tokens instead of hardcoded values.
Pair with Figma Use when you want the agent to write screens into Figma rather than draw primitives.
No reviews yet
Used it? Write the first review.
Similar skills
Bootstrap modern WinUI 3 desktop apps with Windows App SDK
Map Figma design components to code with Code Connect
Create a blank Figma Design or FigJam file via MCP
Mandatory prerequisite skill before every use_figma MCP call
39 editorial HTML/SVG diagram types for Claude Code and Codex