/figma2design

Turn a Figma design link into a complete design system extraction — producing a .design/ directory with structured markdown specs, brand assets, and screenshots, ready for AI-driven UI generation.

Usage

/figma2design <figma-url>                       # full extraction
/figma2design <figma-url> --pages home,skills    # extract specific pages only
/figma2design <figma-url> --screenshots-only     # only screenshots, no docs
/figma2design <figma-url> --update               # re-extract, keep existing files as reference

URL formats supported:

• https://www.figma.com/design/:fileKey/:fileName?node-id=:int1-:int2
• https://figma.com/design/:fileKey/:fileName
• https://www.figma.com/file/:fileKey/:fileName?node-id=:int1-:int2

What This Skill Produces