Figma & Prototyping Skills for Claude Code, Codex & AI Agents

These skills help an agent turn ideas into clickable prototypes and work with Figma files. They cover generating and comparing UI variants, reading a Figma file's structure and building prototypes.

10 skills

Explore Figma & Prototyping skills

2 skills
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Free
Web & UI

Build Design

Implement UI from Figma or an image with the project’s existing components and tokens.

12.1KStars468Forks
Repository last pushed
Understand Anything codebase graph
Free
UI & UX design

Understand Anything: Figma Design Graph

Analyze a Figma file into a graph of screens, components, instances and design tokens.

92.3KStars7.9KForks
Repository last pushed

Related topics

How to choose Figma & Prototyping skills

Use a variants skill to explore options, a Figma graph skill to understand an existing file, and a prototype skill when you need something people can click.

  • Generate UI variants to compare side by side
  • Map the structure of a Figma file
  • Build a quick clickable prototype