BaseKit

About this plugin

Your colors, type & spacing systemized with one click — now with Figma Make prompt export.

BaseKit is a lightweight yet powerful generator for your design system foundations. With a single click, it creates consistent color hues, typography scales, and spacing systems — all organized inside a clean Design System frame in Figma.

It now also generates a BaseKit Figma Make Prompt JSON, ready for Figma Make, so you can instantly convert your tokens into code, UI kits, or automated workflows.

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

What BaseKit generates

🎨 Color systems with tones

(Light, Hover, Active, Dark, Darker — plus black & white bases)

🔤 Typography scales based on modular ratios

📏 Spacing systems with linear or ratio-based values

🧩 Figma variables for immediate reuse

⚡ Figma Make Prompt JSON for code automation

Why it’s great

✨ Simple, clean UI

⚡ Instant generation

📐 Fully structured DS frame in Figma

📦 Layouts built with “fill container” logic

🔗 Export to Makeflow for automation

🛠 Zero setup — works out of the box