Back to Plugins
Primitives Token Wizard

Primitives Token Wizard

Instantly generate a complete design system foundation: colors, typography, and spacing.

Plugin Preview

Primitives Token Wizard 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

Version1
CreatedJanuary 11, 2026
Last UpdatedFebruary 11, 2026
Categoryvisual-assets-other
Creatormester3lwa196
Stats38 installs, 6 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:./ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none