Design System Chronicles - Tenet UI
Tenet UI is a UI kit/ Figma Design System that I am building to streamline design workflows and bridge the gap between designers and developers. My goal is to create a scalable, code-aligned UI kit that prioritizes efficiency, consistency, and adaptability for a wide range of applications.
However, the main goal with this is to learn through doing and share those learnings with others. I love teaching and I see this as an opportunity to document and share my approach so other designers can learn how to build their own systems. Also, along the way I could build a micro-education series of sorts.
This would be a series of posts, chronicling how I am building Tenet UI.
Post #2 (Design System Chronicles)- Setting up colours for Tenet UI with colorbox.io
Post #3 (Design System Chronicles)- Organizing colour variables in Figma
Post #4 (Design System Chronicles) - Designing a Scalable and Accessible Dark Theme
Post #5 (Design System Chronicles) - Semantic tokens (colour) in action
Post #6 (Design System Chronicles) - Establishing a typography system
Post #8 (Design System Chronicles) - Breaking Down Component Research
Post #9 (Design System Chronicles) - Component Thinking: A recap of my component design workflow