Figma

This handles the full design-to-code pipeline with Figma's API. You get functions that pull component data from Figma files, extract design tokens like colors and spacing, and generate actual React or Tailwind code from the node tree. The code generation is genuinely useful because it maps Figma's auto layout properties directly to flexbox and handles things like corner radius, padding, and fill colors. Best for building design system tooling or automating repetitive component scaffolding. The image export endpoints are solid for pulling icons and illustrations into your build pipeline. Works well when you have structured Figma files and need to keep code in sync with design updates.

Install to Claude Code

npx -y skills add hoodini/ai-agents-skills --skill figma --agent claude-code