Pay for finished workflows, not buttons.
Buttons and inputs are free everywhere. Propel charges for the B2B screens, states and AI layer that take weeks to build. One-time prices, no subscription. Checkout opens at launch, and the waitlist hears first.
Free sample
Try the kit and the skill on a real brief.
- 80 components and 10 blocks
- 3 templates and 4 signature charts
- Light, dark and both brands
- Mini Claude skill pack
Design
For designers who ship B2B products.
- 319 components, 81 blocks
- 69 templates in 95 frames
- All modes, densities and breakpoints
- Full Claude skill pack
- Updates for the version
Design + Code
Most completeFor product teams who build what they design.
- Everything in Design
- Token export: CSS, Tailwind, shadcn, JSON
- React components on the same tokens
- Propel Code plugin and Code Connect files
- Code recipe in the skill pack
Team / Agency
For studios and multi-brand teams.
- Everything in Design + Code
- Up to 5 named seats; add more any time
- Shared Figma team library
- Hand the kit to clients, white-labelled
- Priority requests for new flows
Before you buy.
What does the licence let me do?
Every tier lets you design and build unlimited products for yourself, your employer or your clients, commercial ones included, and rebrand them freely with no attribution. You deliver the finished product to a client, not the kit itself. You can't resell, share or publish the kit, or make a kit from it. Team / Agency adds more seats, a shared Figma team library and the right to hand the kit itself to a client, white-labelled. Read the full licence, which starts with a one-table summary.
Which Figma plan do I need?
Variables with several modes work on Figma's paid plans; the free plan limits modes per collection. The Propel Code plugin needs Dev Mode, and Code Connect needs an Organization or Enterprise plan. The kit opens on any plan.
Which AI tools does it work with?
The skill pack is written and tested for Claude with the Figma connector. The Markdown and JSON files are plain text, so other assistants can read them, but we only test the workflow with Claude.
How do updates work?
Updates to your version are included: new templates, fixes and skill-pack changes ship together, with a public changelog. Terms for future major versions are published at launch.
Can I use my own brand?
Yes. The brand generator turns one colour into the seven brand variables with contrast checks, and you add it as a new mode in Figma or a few lines of CSS.
Is it accessible?
The kit is built and tested to WCAG 2.2 AA: every colour pair measured, focus states on every control, 24 px targets. The accessibility record lists each criterion and what stays your team's job.
What about refunds?
If the kit doesn't work as described and we can't fix it, you get a full refund within the refund window; duplicate or wrong-tier purchases are refunded or switched. The free sample is there so you can check the fit before paying. See the Terms of Sale.
Get the free sample the day it ships.
Join the waitlist for launch pricing and the free sample file: 80 components, 4 signature charts, 3 templates and the mini Claude skill pack.
- Figma file with variables, modes and styles ready to use
- Claude skill pack and Markdown guidelines for AI-built screens
- One email at launch. No newsletter.