Building Inventive UI

Building Inventive UI

A year inside a design system being built from scratch
A year inside a design system being built from scratch
Role/
UI-UX Designer Intern
Duration/
June 2025 - Present
Company/
Uzence Design Studio

25+

audited, over half had issues

50+

component docs, led end to end

1000+

button states, mapped in one matrix

/context

Inventive UI is a centralized design system with millions of design tokens, 100+ base components, 10+ integrations and a custom CSS engine.

/Auditing Design System Components

I started with auditing the components to find what was off before it became part of the system. For each component, I researched what it does, how it should behave, and where it tends to break.

Buttons turned out to be the most complicated component in the system. Another team couldn't find a clean way to cover every combination, so I put together a matrix that mapped appearances against all the other variables. It captured 1,000+ button states and helped get the handoff out three days later.

/Leading the Documentation

After the audit, it was pretty clear everyone documented things differently. For the documentation, rather than fixing that later, I created a base template first. Every component would follow the same structure.


Once that was in place, I assigned components across the team and reviewed each one before it was finalized. Every doc covered anatomy, states, variants, sizing, spacing, styles, developer props, design tokens, usage, and accessibility—from keyboard interactions to ARIA and WCAG contrast.

/Designing the Website

The team needed a marketing website for the design system. I started with the IA — mapping out every section, what goes where, how it all connects.


I split it in two parts - a marketing side with the landing page, a live playground, and a color generator, and a docs side with foundations, components, theming, guidelines etc. The docs are ordered so a developer can go from "what is this" to installed without getting lost.

/What I Learned

A design system stays consistent through structure, not effort. A shared template kept 50+ component docs aligned no matter who wrote them, and tokens kept the values from drifting. The hard part wasn't designing components. It was building the system that held them together.

/What People said

She demonstrated strong design sensibility, attention to detail, and a solid understanding of user experience principles. Her ability to translate complex requirements into clean, intuitive interfaces greatly enhanced the quality and consistency of our design system.

- Adiba Taj, Director

She consistently helped me improve my understanding of design systems, UX thinking, accessibility, component structure, and overall attention to detail while building interfaces.

- Naman Jain, Frontend Developer

In one standout instance, when our team hit a design roadblock, Updesh quickly proposed a creative solution that both I and our boss enthusiastically adopted.

- Beosha Balamurugan, UI/UX designer

A system is what keeps a thousand decisions aligned.

Create a free website with Framer, the website builder loved by startups, designers and agencies.