BaseKit

About this plugin

BaseKit is a lightweight yet powerful generator for your design system foundations.

With a single click, you can create consistent color shades, typography scales, and spacing systems, all presented in an organized Design System frame inside Figma.

Perfect for new projects, rapid prototyping, or establishing consistent foundations across your team.

What BaseKit generates:

🎨 Color systems with tones (Light, Hover, Active, Dark, Darker)

🔤 Typography scales based on modular ratios

📏 Spacing systems with linear or ratio-based values

🧩 Figma variables for seamless reuse

Why it’s great:

Simple, clean UI

Instant generation

Fully structured Design System frame

“Fill container” layouts for easy editing

Zero setup — works out of the box

Build consistent foundations — faster than ever — with BaseKit.