Showing 28 verified skills. 284 preview entries are hidden until we confirm a real source. Show preview skills · Why?
Convert Figma designs to production code with proper responsive handling
claude install community/figma-to-codeTranslates Figma designs into production code: extracts design tokens, maps components, handles responsive layout, and generates type-safe code.
mkdir -p ~/.claude/skills/figma-to-code~/.claude/skills/figma-to-code/SKILL.mdResulting file structure:
~/.claude/
skills/
figma-to-code/
SKILL.md <-- skill definitionSkills are loaded automatically by Claude Code when you start a new session. The skill name and description in the frontmatter determine when Claude triggers it.
Recommended from shared domain, career, and tool overlap with Figma to Code
Extract a complete token set from any website or codebase
Both used by Designer, Software Engineer
Test responsive layouts at every breakpoint with visual proof
Both used by Designer, Software Engineer
Create smooth, performant animations with CSS, Framer Motion, or GSAP
Both used by Designer, Software Engineer
Build a complete design system from a brand guide automatically
Both used by Designer, Software Engineer
Turn SVG icons into type-safe React components with tree-shaking
Both used by Designer, Software Engineer
Define consistent animation standards with easing and duration tokens
Both used by Designer, Software Engineer
Figma to Code