Skip to main content

By author · 9 skills

Figma Skills

Every skill by Figma in the directory. Each page has a summary, the install command and a link to the source.

Skills by Figma

Figma Code Connect

FigmaOfficial

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

DesignGitHub stars: 2k

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

DesignGitHub stars: 2k

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

DesignGitHub stars: 2k

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

DesignGitHub stars: 2k

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

DesignGitHub stars: 2k

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

DesignGitHub stars: 2k

Figma Use FigJam

FigmaOfficial

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

DesignGitHub stars: 2k

Figma Use Slides

FigmaOfficial

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

DesignGitHub stars: 2k

Figma Use

FigmaOfficial

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

DesignGitHub stars: 2k