Figma

Reads your codebase and builds a production-grade Figma library with variables, tokens, themed components, and variant sets that stay in sync with your source of truth.

Converts a text description of a flowchart, architecture diagram, or wireframe into a Figma file with grouped shapes, labels, and connectors that you can edit.

Authenticates Claude with your Figma workspace and loads your design system so Claude can read frames, components, and assets without errors.

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 use_figma tool.

Creates a blank Figma canvas and links it back to you. Pick the file type — design, FigJam, or Slides — and name it in one step.

Reads your PRD and codebase, interviews you on scope and risk, then builds a structured FigJam board with research notes, milestones, and task cards organized by phase.

Reads a live page, screenshot, or code and builds a full-fidelity Figma frame with components, text, spacing, and colors mapped—ready to hand off or iterate.

Reads a FigJam board—sticky notes, votes, connections—and extracts the consensus, decisions, and next steps in a format you can act on.

Reads your Figma components and codebase, then writes and maintains the .figma.ts files that keep design and code in sync—so devs see the real component when reviewing designs.