Ask your agent
PromptOpen https://skillscout.sh/official/figma/ and review the official Figma skills. Recommend the relevant skills for my project, then install the packages I approve with the npx commands on the page.
Official skills publisher
Verified
Skillscout rank 196
Figma
Figma is a collaborative design platform for interface design, prototyping, and product workflows.
Browse 60 official AI agent skills across 3 Figma repositories, with install commands and source links.
60
Skills
3
Repositories
43,710
Installs
3,604
GitHub stars
Install
Add Figma skills to your agent
Copy a package command below or give this prompt to an agent that can install skills.
Skills packages
2 official repositories
Mcp Server Guide
figma/mcp-server-guide53 cataloged skills from this repository.
npx skills add figma/mcp-server-guide -y
Skills
figma/skills7 cataloged skills from this repository.
npx skills add figma/skills -y
Individual skills
60 skills from Figma
60 skills
figma/mcp-server-guide 53 skills
implement-design
figma-use
figma-generate-design
figma-implement-design
figma-use
figma-generate-library
figma-create-new-file
figma-code-connect
figma-generate-design
figma-create-design-system-rules
figma-generate-library
figma-create-new-file
create-design-system-rules
figma-code-connect
figma-generate-diagram
figma-use-figjam
code-connect-components
figma-use-slides
figma-swiftui
figma-code-connect-components
figma-generate-diagram
figma-use-figjam
figma-implement-motion
figma-use-motion
figma-design-to-code
figma-use-slides
figma-code-connect
figma-generate-design
figma-use
figma-generate-diagram
figma-generate-library
figma-use-figjam
figma-create-new-file
figma-use-slides
figma-swiftui
figma-use-motion
generate-project-plan
figma-implement-motion
figma-implement-design
figma-create-design-system-rules
figma-design-to-code
generate-project-plan
video-interaction-mapper
figma-code-connect
figma-create-new-file
figma-generate-design
figma-generate-diagram
figma-generate-library
figma-use
figma-use-figjam
figma-use-slides
generate-project-plan
video-interaction-mapper
figma/skills 7 skills
figma-code-connect-components
Connects Figma design components to their code implementations using Figma's Code Connect feature.
figma-create-design-system-rules
Generates project-specific design system rules for AI coding agents to follow when implementing Figma designs.
figma-create-new-file
Creates a new blank Figma or FigJam file in the user's drafts folder.
figma-generate-design
Translates application pages, views, and multi-section layouts into Figma screens by composing design system component instances and tokens.
figma-generate-library
Builds or updates a design system in Figma by working through a structured sequence: discovery, variable collections, component libraries, and validation.
figma-implement-design
Translates Figma designs into production-ready code with pixel-perfect accuracy.
figma-use
A prerequisite skill that must be loaded before every `use_figma` tool call.
No skills match this search.
Repository documentation
Package README
Open the repository README for package documentation, setup instructions, and usage examples.
Read figma/skills README