Figma

Agent skills

• figma-design-to-code

  Implement a Figma design as code, correctly.

  FigmaDesign-to-codeSystemsWhat it does

  Mandatory prerequisite before get_design_context. Handles the parts a naive export gets wrong: components over detached layers, variables over hardcoded values.

  https://www.figma.com/blog/introducing-figmas-dev-mode-mcp-server/

  Design-to-codeSystemsFull page & trust audit →

• figma-generate-library

  Build a design system in Figma from your codebase.

  FigmaDesign-to-codeSystemsWhat it does

  Tokens, variant sets, theming and component libraries generated from what the code already decided.

  https://www.figma.com/blog/introducing-figmas-dev-mode-mcp-server/

  Design-to-codeSystemsFull page & trust audit →