Code-to-Figma Skill

This skill is maintained upstream in kylebrodeur/code-to-figma. Install the authoritative version with:

npx skills add kylebrodeur/code-to-figma

The upstream skill contains the complete command reference, supported patterns, troubleshooting, and plugin setup. After install it loads automatically alongside ux-collab.

Quick Reference

Workflow

1. code-to-figma scan src/components/Button.tsx
   → .figma/Button.figma.json