A commercial product, sold in modules: The #1 Professional Figma UI Kit for Forms, Design Tokens and Marketing Pages. The site is shop window and tool at once: you edit tokens live, switch theme presets that show the same system wearing different identities, and export the CSS, all before paying for anything.

Designed and built in code, with AI as the build partner. No design file, no specification, no handover between design and development. The tokens are the single source: a token change is a design change and a code change at the same time.

• Design and development were the same step.
• The design system is sold by operating it, not by explaining it. No deck, no screenshots, no gap between what the buyer sees and what the buyer gets.
• One person covered product, design system, site and build.

Product, live token editor and checkout in production.

5 days of effort across 13 active days. 54 commits.

• The full site, responsive, with payment through Stripe across different pricing plans.
• Sold in modules: Foundation, Forms and Marketing.
• A live token editor with theme presets and CSS export.
• Animations driven by the design tokens themselves. Change a token live and the animations update with it, so motion belongs to the system instead of being styled by hand.