Figma Skills

Creates and maintains Figma Code Connect files that map Figma components to code snippets.

Turns a Figma design into code through the Figma MCP server.

Translates an application page or multi-section layout from code into a Figma design.

Generates diagrams in Figma through the MCP server's generate_diagram tool.

Builds or updates a design system in Figma from a codebase: variables, tokens and component libraries with variants.

Translates motion and animation from a Figma design into production application code.

Helps an agent use Figma's use_figma MCP tool in FigJam files.

Helps an agent use Figma's use_figma MCP tool in Figma Slides files.

Teaches an agent how to call Figma's use_figma MCP tool correctly and avoid common failures.