Works with Figma
17 skills name Figma.
- figma-code-connect-components
Connects Figma design components to code components using Code Connect mapping tools.
- figma-create-design-system-rules
Generates custom design system rules for the user's codebase.
- figma-generate-library
Build or update a professional-grade design system in Figma from a codebase.
- figma-code-connect
Creates and maintains Figma Code Connect template files that map Figma components to code snippets.
- understand-figma
Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets,…
- mk:figma
Read-first Figma gateway via Figma MCP: analyze designs, implement Figma-to-code for 1–3 screens, extract design tokens, produce a Figma…
- figma-use
MANDATORY prerequisite — you MUST invoke this skill BEFORE every use_figma tool call.
- figma-full-cycle
Full-cycle orchestrator: Figma frame → finished feature.
- electron
Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol.
- anydesign
Analyze images, websites, and Figma files to extract their design and generate a design.md with token system, component inventory, and reconstruction…
- figma2dsl
The publisher’s description is only a heading. Open the skill to read what it does.
- figma2html
The publisher’s description is only a heading. Open the skill to read what it does.
- figma-implement-design
Translates Figma designs into production-ready application code with 1:1 visual fidelity.
- figma
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code.
- figma-generate-design
Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'.
