Figma

Connects Figma design components to their code implementations using Figma's Code Connect feature.

Creates a new blank Figma or FigJam file in the user's drafts folder.

Translates application pages, views, and multi-section layouts into Figma screens by composing design system component instances and tokens.

A prerequisite skill that must be loaded before every `use_figma` tool call.

Generates project-specific design system rules for AI coding agents to follow when implementing Figma designs.

Builds or updates a design system in Figma by working through a structured sequence: discovery, variable collections, component libraries, and validation.

Translates Figma designs into production-ready code with pixel-perfect accuracy.