Figma Plugin v1.0

Skip the setup.
Ship the Design Faster.

Figma Design System Generator Plugin for Design Tokens, Variables & UI Components. From tokens to base components, Fluxa sets up the building blocks inside Figma so you can skip repetitive setup and focus on crafting your own scalable design system.

200+Component variants
50→900Auto color scale
<3minSetup to ship
✦ Inside Figma Auto layout ✓
Design System Component Generator
×
1
Brand
2
Tokens
3
Components
4
Generate
Brand Colors
Primary
#5B3DF5
Secondary
#FF6FA8
SoftMuted
BalancedDefault
StrongVivid
Aa Instrument Serif · 1.333 scale
Cancel Continue
How it works

Four steps from blank
file to shipped system.

The fastest path from brand identity to production-ready Figma library — no plugins-on-plugins required.

01

Set your brand identity

Input your brand colors — primary, secondary, and full semantic set. Each is checked for AA contrast, then pick your type, spacing, and radius character.

02

Auto-generate design tokens

Full 50–900 color ramps, a complete type scale, spacing, and radius — generated from your inputs as ~200+ Figma Variables in Light & Dark mode.

03

Choose your components

Tick the groups you need — Button, Input, Selection Controls, Badge, Feedback and more. Each shows exactly how many variants it ships.

04

Generate & ship to Figma

Review what's included, then generate. Everything lands as auto-layout-ready components across organized Figma pages — Pro unlocks Cards & Layout.

Step 1 · Brand
×
1
Brand
2
Tokens
3
Components
4
Generate
Brand Colors
Primary
#4F46E5
Secondary
#7C3AED
Success
Warning
Error
SoftMuted
BalancedDefault
StrongVivid
Inter · 16px · 1.333 Perfect Fourth
Brand
2
Tokens
3
Components
4
Generate
Color Palette
Primary#4f46e5
Secondary#7c3aed
Success#15803d
H1Aa48px
~200+ tokens will be created as Figma Local Variables in Light & Dark mode.
Brand
Tokens
3
Components
4
Generate
Choose components to include.
FREE
Button
Primary · Secondary · Ghost · Danger · Icon
60
Input
Text field · Select · Textarea
40
Selection Controls
Checkbox · Radio · Switch
40
Badge
Soft · Solid · Outline · Sizes · Status
45
Feedback
Alert · Toast · Tooltip · Spinner · Skeleton
42
Brand
Tokens
Components
4
Generate
Inter · 16px · Rounded · 4px grid
What gets generated
Foundations
Variables, palettes, spacing, type
Buttons & Forms
Primary, Secondary, Input, Select
Navigation & Feedback
Tab bar, Breadcrumb, Alert, Toast
Cards & Data
Card, Avatar, Data table, Date picker
PRO
200+
Variables
5
Figma pages
2
Modes
← Back Continue
Features

Everything your
design system needs.

Built for SaaS, dashboards, AI tools, admin panels — anywhere you'd otherwise rebuild the same primitives.

Flagship

One brand color in.
Whole system out.

Drop in your primary hex. Fluxa generates a complete 50–900 scale, pairs it with neutrals, builds a type ramp, and wires up every component variant — all using Figma Variables.

Color scale · 9 stops
Type scale · xs → 9xl
Spacing · 4pt grid
Radius · 6 sizes
Variables · auto-wired
Light + dark · ready

Smart color system

Auto-generate full 50–900 palettes from any brand color. Soft, balanced, or strong intensity modes.

Typography engine

Modular scale presets — Perfect Fourth, Golden Ratio, Major Third. Full ramp from xs to 9xl.

200+ components

Across 6 groups. Every component uses your brand tokens automatically — no manual rebinding.

Figma Variables

Tokens land as native Figma Variables — colors, typography, spacing — wired and ready to use.

Auto-layout ready

Every component ships with proper auto-layout, constraints, and variants. Drop it in. It just works.

Under 3 minutes

What used to take weeks now takes minutes. From first click to a complete system, ready to design with.

What you get

A shelf full of primitives,
ready to compose.

Buttons, inputs, badges, tabs, modals, cards, toggles, progress, navigation, date pickers — and a lot more.

Button
Primary Action
Input
Search
Badge
New Pro
Tabs
FilesTeamLogs
Avatar group
A B C +3
Card
REVENUE
$12.4k
Toggle
Progress
Checkbox
Auto layout
Modal
You're in.
We'll ping you when Fluxa launches.
Date picker
M
T
W
T
F
S
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Pricing

Simple, transparent pricing.

Start free. Upgrade when you're ready to ship serious products. Lifetime updates, always.

Free
$0

Perfect for exploring and personal projects.

  • Basic color tokens
  • Typography scale
  • Up to 3 component groups
  • Spacing system
  • Community support
Get Started Free
Ask us anything

Questions about Fluxa.

The most common questions before installing. Can't find what you're looking for? Drop us a line.

Is Fluxa affiliated with Figma? +
No. Fluxa is an independent Figma plugin built by Madhes. It's not endorsed by or sponsored by Figma.
Do I lose my system if I uninstall? +
No. Everything Fluxa generates lives natively in your Figma file as components and variables. The plugin is just the generator — uninstalling doesn't touch your work.
Can I customize the generated components? +
Absolutely. Every component is built with native Figma Auto Layout and Variables, so you can extend, restyle, or fork anything Fluxa creates.
Does the Free plan have a time limit? +
No. The Free plan is free forever — generate tokens, type, spacing, and up to 3 component groups as much as you like.
Does Fluxa support dark mode? +
Yes. Every component ships with light + dark mode variants wired up via Figma Variables modes. Toggle once, switch everywhere.