@skills · Owner
Agent skills by figma
19 skills indexed from github.com/figma. Reference any of them in AdaL, Claude Code, Cursor or any coding agent — nothing to install.
- figma-code-connect · Skill · 1,860 stars
Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma componen
- figma-create-new-file · Skill · 1,860 stars
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `create_new_file` tool call. NEVER call `create_new_file` directly without loading thi
- figma-design-to-code · Skill · 1,860 stars
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. You MUST trigger this skill whenever the us
- figma-generate-design · Skill · 1,860 stars
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Fi
- figma-generate-diagram · Skill · 1,860 stars
MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. NEVER call `generate_diagram` directly without loading this skill first
- figma-generate-library · Skill · 1,860 stars
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries,
- figma-implement-motion · Skill · 1,860 stars
Translates Figma motion and animations into production-ready application code. Use when implementing animation/motion from a Figma design — user mentions "
- figma-swiftui · Skill · 1,860 stars
SwiftUI ↔ Figma translation. Use whenever the user mentions Swift, SwiftUI, iOS, iPhone, or iPad — in EITHER direction — translating a Figma design into Sw
- figma-use · Skill · 1,860 stars
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill firs
- figma-use-figjam · Skill · 1,860 stars
This skill helps agents use Figma's use_figma MCP tool in the FigJam context. Can be used alongside figma-use which has foundational context for using the
- figma-use-motion · Skill · 1,860 stars
Motion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration. Load
- figma-use-slides · Skill · 1,860 stars
This skill helps agents use Figma's use_figma MCP tool in the Slides context. Can be used alongside figma-use which has foundational context for using the
- generate-project-plan · Skill · 1,860 stars
Generate a FigJam project plan board from a PRD plus codebase context. Interactive flow: research → propose sections → per-section deep research → per-sect
- mcp-server-guide · Collection · 1,860 stars
- skills · Collection · 1,860 stars
- video-interaction-mapper · Skill · 1,860 stars
This skill should be used when the user asks to analyze a UI screen recording and map interaction states into Figma. Trigger for requests such as "put vide
- workflow-skills · Collection · 1,860 stars
- figma-generative-plugins · Skill
**MANDATORY prerequisite** — load this skill before calling `create_generative_plugin` or `update_generative_plugin`. Use when the user asks to create, aut
- figma-shaders · Skill
**MANDATORY prerequisite** — load this skill before calling `create_shader` or `update_shader`. Use when the user asks to create, author, change, fix, or i