Figma Skills
Official Figma agent skills for the Figma MCP server: canvas, design, and code workflows.
About
Figma Skills is Figma's official agent-skills suite for the native Figma MCP server. It teaches agents to write to the Figma canvas, generate screens from a design system, implement designs as production code with 1:1 visual fidelity, connect Figma components to code via Code Connect, and build team-specific design-system rules.
Individual skills install per task (figma-use, figma-implement-design, figma-generate-design, figma-generate-library, figma-code-connect-components, and more), keeping context tight compared to pulling full MCP server documentation. Caveat: the skills run through the Figma MCP plugin API, so an agent host with the Figma MCP server connected is required.
What it can do
- Write and modify Figma files, frames, and components
- Generate designs from design-system components
- Translate Figma designs into production code
- Connect design components to code references
- Author reusable team design-system rules
Setup
npx skills add figma/figma-use (or the specific skill needed); requires the Figma MCP server connected in your agent host.
Prerequisites
An Agent Skills-compatible agent with the official Figma MCP server connected.
Use cases
Works with
Trust score — 9/10
Scored 9/10 (verified tier, metrics-v1). Evidence: Verified via vendor site/docs/GitHub and reputable coverage, wave 79; Trending score 86/100 from researcher assessment.
Sources
Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.