Cover Image for Design System for a Complex Apps — From Primitives to Semantic to Component variables
Cover Image for Design System for a Complex Apps — From Primitives to Semantic to Component variables
Hosted By
2 Went

Design System for a Complex Apps — From Primitives to Semantic to Component variables

Hosted by Tushar More
Google Meet
Registration
Past Event
Welcome! To join the event, please register below.
About Event

Fees: Rs 500 | Tonight 10:00 pm IST

Design System for a Complex Apps—
From Primitives to Semantic variables to Component level

Design Along in Figma

As new features and screens are added, a primitive-only variable structure may no longer be sufficient.

In this practical session, participants will evolve a a feature-rich product into a complex app and understand the relationship between primitive, semantic, and component-level variables.

Topics covered

  • Extending the feature-rich app with new complex features

  • Understanding primitive, semantic, and component-level relationships

  • Mapping semantic variables to primitive values

  • Creating variables for text, surfaces, borders, icons, actions, and feedback

  • Managing hover, pressed, selected, disabled, success, warning, and error states

  • Understanding when component-level variables are required

  • Creating component-specific flexibility without unnecessary complexity

  • Updating multiple screens through variable changes

  • How variable architecture changes as the app grows

  • Avoiding direct use of primitive variables inside complex components

  • Case study demonstrating the evolution of a design system

  • Examples from feature-rich applications

Practical outcome

Participants will evolve their basic variable system into a structured architecture containing primitive, semantic, and component-level relationships.

Ideal For

UX designers, UI designers, product designers, design students, freelancers, and design teams who want to improve their design system skills and understand how tokens and variables work in real product environments.


About Trainers

This workshop will be conducted by Tejas More, Senior Product Designer with 10+ years of experience across web design, branding, UI/UX, and product design along with Tushar More, who is working as a trainer & consultant since 2009 helping corporates, SMEs, Startups, etc. in Product/Business Strategy, UX and Technology

Tejas has built and scaled design systems for brands like Godrej Finance, Dabur, Truemeds, and Sportz Interactive. At Truemeds, he led the complete redesign of their digital products and design system. He is currently building a global multi-product design system at Sportz Interactive.

Hosted By
2 Went