/design2code

Turn the .design/ directory (produced by /figma2design) into working pages and components in your project. Adapts to the project's existing tech stack, directory structure, and coding conventions.

Usage

/design2code                              # generate all pages from .design/
/design2code home                         # generate only the "home" page
/design2code home,skills                  # generate specific pages
/design2code --components-only            # generate only shared components, no pages
/design2code --tokens-only                # generate only design tokens (colors, fonts, etc.)
/design2code --dry-run                    # show what would be generated, write nothing
/design2code --target web                 # target a specific app in a monorepo

What This Skill Does