Figma

Skills from Figma

• figma-code-connect

  Creates and maintains Figma Code Connect template files (.figma.ts) that map Figma components to code snippets for design-to-code translation.

  Claude Code · about 6.5K tokens · pinned 6 days ago

• figma-create-new-file

  This skill enables agents to create new Figma files, including Design, FigJam, and Slides projects.

  Claude Code · about 400 tokens · pinned 6 days ago

• figma-design-to-code

  This skill provides the agent with detailed procedures for converting Figma designs into code.

  Claude Code · about 860 tokens · pinned 6 days ago

• figma-generate-design

  Builds or updates multi-section Figma layouts like pages, modals, and sidebars by reusing published design system components, variables, and styles instead of…

  Claude Code · about 6.9K tokens · pinned 6 days ago

• figma-generate-design

  This skill builds or updates full-page screens, modals, dialogs, drawers, sidebars, and other multi-section views in Figma by discovering and reusing…

  Claude Code · about 8.9K tokens · pinned 6 days ago

• figma-generate-diagram

  This skill prepares an agent to generate Mermaid diagrams in FigJam by routing requests to type-specific guidance, applying universal rendering constraints…

  Claude Code, Codex, Cursor +4 · about 2.3K tokens · pinned 6 days ago

• figma-generate-library

  Orchestrates multi-phase design system builds in Figma from code.

  Contains scripts

  Claude Code · about 5.8K tokens · pinned 6 days ago

• figma-generate-library

  Builds or updates professional design systems in Figma from code by creating variables, tokens, components with variants, semantic aliases, and documentation.

  Contains scripts

  Claude Code · about 5.9K tokens · pinned 6 days ago

• figma-generative-plugins

  This skill enables creating and updating generative plugins for Figma's Design editor.

  Claude Code · about 1.1K tokens · pinned 6 days ago

• figma-implement-motion

  Translates Figma animations into production-ready code by fetching motion data and design structure, then merging animated nodes into the codebase using…

  Claude Code · about 5.7K tokens · pinned 6 days ago

• figma-shaders

  This skill enables agents to create and update shader effects and fills in Figma through the MCP server.

  Claude Code · about 1.3K tokens · pinned 6 days ago

• figma-swiftui

  This skill translates between Figma designs and SwiftUI code in both directions.

  Claude Code · about 830 tokens · pinned 6 days ago

• figma-use

  This skill provides the Figma Plugin API and builder patterns (`$fig`) for agents to execute JavaScript operations in Figma files.

  Contains scripts

  Claude Code · about 6.6K tokens · pinned 6 days ago

• figma-use-figjam

  This skill enables agents to programmatically create and edit FigJam boards using the Figma plugin API via the use_figma MCP tool.

  Claude Code · about 1.7K tokens · pinned 6 days ago

• figma-use-figjam

  This skill guides agents in using Figma's MCP tool for FigJam boards, which are collaboration canvases at figma.com/board URLs.

  Claude Code · about 1.7K tokens · pinned 6 days ago

• figma-use

  This skill provides the JavaScript Plugin API reference and critical rules for executing code in Figma files.

  Contains scripts

  Claude Code · about 8.3K tokens · pinned 6 days ago

• figma-use-motion

  This skill adds motion and animation capabilities to Figma node editing, enabling the agent to create and modify keyframe animations, apply animation styles…

  Claude Code · about 1.6K tokens · pinned 6 days ago

• figma-use-slides

  This skill provides Slides-specific guidance for using Figma's Plugin API to create and edit presentation decks.

  Claude Code · about 5.4K tokens · pinned 6 days ago

• generate-project-plan

  Transforms a product requirements document and optional codebase context into an interactive FigJam project plan board.

  Claude Code · about 6.7K tokens · pinned 6 days ago

• video-interaction-mapper

  This skill extracts key UI states from screen recordings and builds an annotated Figma storyboard.

  Contains scripts

  Claude Code, Codex, Cursor +3 · about 3K tokens · pinned 6 days ago