AILoadoutAILoadout
Official

Figma

11 curated skills
Figma Code Connectfigma

Two-way link Figma components to real code — keep design and code always in sync

Creative
Figma Design to Codefigma

Turn Figma designs into ready-to-use code that matches precisely

Creative
Figma Generate Designfigma

Turn app pages/layouts into Figma designs automatically

Creative
Figma Implement Motionfigma

Convert Figma animations into real in-app motion code

Creative
Figma Create Filefigma

Create new Figma/FigJam files from AI — start designing instantly

Creative
Figma MCP Usagefigma

Teach AI to use the Figma MCP tool correctly — the basics of connecting to Figma

Creative
Figma → SwiftUIfigma

Translate between SwiftUI and Figma — keep iOS designs matched to real code

Creative
Figma Generate Libraryfigma

Generate a professional design system from an existing codebase — into a Figma component library

Creative
Figma Generate Diagramfigma

Create diagrams in Figma/FigJam by type — flow, architecture, mindmap

Creative
Figma FigJamfigma

Teach AI to use FigJam via MCP — whiteboards, sticky notes and planning

Creative
Figma Slidesfigma

Teach AI to use Figma Slides via MCP — build presentation decks from Figma

Creative