Primitives Token Wizard

About this plugin

Stop building design systems from scratch.

Primitives Token Wizard kickstarts your design process by automatically generating a comprehensive set of foundational variables. With just a few inputs, you get a clean, organized "Global (Primitives)" collection ready for use in any project.

✨ Key Features:

🎨 Smart Color Palettes Define your core brand colors (Primary, Secondary, Neutrals, and Semantic Feedback colors), and the plugin automatically generates a full 13-shade scale for each (from tint 25 to shade 1000).

🔤 Complete Typography System Generates a robust set of typography variables:

Font Family: Select any font from your library.

Font Sizes: A comprehensive scale from 10px to 128px.

Font Weights: From Thin (100) to Heavy (950).

Line Heights & Paragraph Spacing.

📐 Layout & Spacing

Spacing Scale: Industry-standard sizing (e.g., "4 (16px)") for consistent gaps and padding.

Border Radius: A practical scale from 0px to full rounded corners.

🚀 How it works:

Run the Primitives Token Wizard plugin.

Input your brand's hex codes and select your desired font family.

Click "Generate".

A new "Global (Primitives)" variable collection is created instantly!