39 editorial HTML/SVG diagram types for Claude Code and Codex
Figma
SkillFetch Figma design context via MCP and turn nodes into code
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
Official OpenAI curated skill for fetching Figma design context via MCP and turning nodes into code. From openai/skills (~25k stars). Add to Claude Code, Cursor, or Codex to pull design context into the agent.
No reviews yet
Used it? Write the first review.
Similar skills
Distinctive UI/UX implementation patterns for frontend work
Capture desktop, app windows, or pixel regions
Translate Figma into production code at 1:1 fidelity
Map Figma design components to code with Code Connect
Build Figma screens from code using design-system tokens