figma developer
✓Extract components from Figma, convert designs to React components, sync design tokens, and generate code from designs. Bridge the gap between design and code with automated workflows.
Installation
SKILL.md
Designers work in Figma. Developers build from Figma. The bridge between them should be automated, not manual.
Design tokens are design decisions (colors, typography, spacing) stored as code.
Extract components from Figma, convert designs to React components, sync design tokens, and generate code from designs. Bridge the gap between design and code with automated workflows. Source: daffy0208/ai-dev-standards.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/daffy0208/ai-dev-standards --skill figma developer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/daffy0208/ai-dev-standards --skill figma developer- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is figma developer?
Extract components from Figma, convert designs to React components, sync design tokens, and generate code from designs. Bridge the gap between design and code with automated workflows. Source: daffy0208/ai-dev-standards.
How do I install figma developer?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/daffy0208/ai-dev-standards --skill figma developer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/daffy0208/ai-dev-standards
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01