Primitives Token Wizard
Instantly generate a complete design system foundation: colors, typography, and spacing.
Plugin Preview
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 & SpacingSpacing 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!
Plugin Details
| Version | 1 |
|---|---|
| Created | January 11, 2026 |
| Last Updated | February 11, 2026 |
| Category | visual-assets-other |
| Creator | mester3lwa196 |
| Stats | 38 installs, 6 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:./ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the visual-assets-other category.