home/categories/education/vibeeval-vibecosystem-skills-design-to-code-skill-md
educationdocumentation

design-to-code

Figma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge patterns.

vibeeval
maintainer
vibeeval
Updated 3/22/2026
Stars
456
Forks
38
quick start

Installation and usage

Figma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge patterns.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use design-to-code