- Plan the component architecture before you start designing it (properties, variables, states)
- Building flexible components that adapt to different use cases
- Make design decisions that facilitate future component expansion without rebuilding it
- Organize your components in a way that makes integrating them into a larger design system easy and logical
Planning before design: How to build flexible and scalable design components (Components)
Online via Zoom
Saturday 2026/07/11
08:00 PM Saudi time
Planning before design: How to build flexible and scalable design components (Components)
Did you design a component (Component) and think it was final, and then have to rebuild it from scratch with the first modification request? Components that are built without prior planning quickly become a burden on the designer and development team. In this workshop you will learn how to plan to build each component before you start designing it, and how to make decisions that make your components flexible and scalable as the product grows.
Interactive workshop; attendees participate in practical application with the trainer.
At the end of this workshop you will be able to:
note
The content of this workshop is an extracted and simplified part of Integrated interactive pathPrepared to suit the limited duration of the workshop.
What do you need to attend the workshop?
- Computer (laptop or desktop). Sharing via mobile or tablet will not be possible
- stable internet connection
- A quiet place that allows for focus and participation
- Free Figma account
Interactive path
One track of 6 interactive camps that takes you from the basics to professional readiness
online
available
online
available
In this camp, you will receive more than 20 hours of high-quality live interactive educational content online, learn and apply the basics of visual design and the rules of usability and accessibility, and master the use of Figma (Figma) to design mobile and web interfaces professionally.
online
available
online
available
In this camp, you will receive more than 20 hours of high-quality live interactive educational content online, and you will learn and apply the use of artificial intelligence tools in your design work, from generating ideas and building prototypes to designing intelligent experiences based on agents (AI Agents).
online
available
online
available
In this camp, you will receive more than 30 hours of high-quality live interactive educational content online, and you will learn and apply an integrated methodology in user research, data analysis, and building design solutions, all the way to the first prototype (Wireframe).