Figma
Figma's own skills for its MCP server: design context to code, Code Connect, canvas generation.
Install
OfficialClaude Code: /plugin marketplace add anthropics/claude-plugins-official → /plugin install figma@claude-plugins-official
Figma dosyasındaki tasarımı koda dökerken, Code Connect eşlemesi kurarken ya da tuvale geri yazarken devreye giriyor.
- Author
- Figma
Figma ships this guide alongside its remote MCP server, and the notable part is an ordering rule: the design-to-code skill declares itself a mandatory prerequisite, so it has to run before get_design_context is ever called. That exists because pulling raw design context without instructions produces markup that ignores the target stack; the skill sets out how frames, components and variables should land on code that already exists. A dozen or so skills cover the other directions too — writing back to the canvas, generating libraries and diagrams, Code Connect mappings, SwiftUI output, FigJam, Slides and motion. Read quotas are worth planning around: Starter plans and view or collaboration seats are capped at six tool calls per month, while Dev and Full seats get per-minute limits.
Similar skills
Canva Skills
SkillSix skills that drive Canva designs through Canva's MCP server.
Miro
SkillTurns a Miro board into an agent surface: browse frames, diagram a codebase, write specs and tables.
Claude Code Setup
SkillReads a codebase and recommends the hooks, skills, MCP servers and subagents worth adding.

Comments(0)
Sign in to comment