I Built a UI Kit So You Don’t Have To (You’re Welcome 😎)
After months of refining, testing, and reworking Tenet UI is live
Hey peeps,
After months of refining, testing, and reworking (because, of course, everything needed one last tweak), it’s finally here. Tenet UI is live! Tenet UI is a versatile, general-purpose UI kit/Figma design system designed to improve design workflows and bridge the gap between design and development.
Why I Built This
Quite honestly, I wanted to challenge myself. I wanted to practice and learn on the go. Also, Tenet UI exists so designers can focus on actual design instead of redoing the same stuff over and over. It’s built to be flexible, scalable, and useful in real projects.
I’ve tried my best to make it
Feel natural to use - with structured tokens, auto layout, and well-defined variants.
Code-aligned - so developers can translate designs without friction.
Save your time - because no one wants to manually adjust padding again (lol).
The UI kit has a robust and lean semantic system (design tokens/variables) that supports light and dark modes and a comprehensive component library!
A detailed documentation of the component API is available as part of the UI kit. I am further working on updates for the future.
Design System Chronicles
I am documenting and sharing my approach so other designers can learn how to build their own systems through a series called Design system Chronicles. This would be a series of posts, chronicling how I built Tenet UI.
Yo, just use the kit, would you?
It’s been an interesting journey building Tenet UI and it’s live, it’s ready, and I’d love for you to take it for a spin 👉 Here’s the link!
If you’re a designer, developer, or someone who cares about building efficient UI, I’d love for you to check it out. And if it makes your design workflow even a little smoother, then mission accomplished.