Design Tokens From Basic to Mastery

Design Tokens From Basic to Mastery
4.6
(33 RATINGS)
14 WEEKS
COHORT-BASED COURSE
13 week Deep Dive into Design Tokens: From Basics to Expert-Level Implementation
HOSTED BY

Osama Eldrieny
Design Lead | Design Tokens Consultant | Creator

Design Tokens From Basic to Mastery
4.6
(33 RATINGS)
14 WEEKS
COHORT-BASED COURSE
13 week Deep Dive into Design Tokens: From Basics to Expert-Level Implementation
HOSTED BY

Osama Eldrieny
Design Lead | Design Tokens Consultant | Creator
Design Tokens: From Basic to Mastery
4.6
(33 RATINGS)
13 WEEKS
COHORT-BASED COURSE
13 week Deep Dive into Design Tokens: From Basics to Expert-Level Implementation
HOSTED BY

Osama Eldrieny
Design Lead | Design Tokens Consultant | Creator



NEXT COHORT
SOOOOOOON
4.6
(33)

NEXT COHORT
SOOOOOOON
4.6
(33)

NEXT COHORT
SOOOOOOON
4.6
(33)
4.6
(33 RATINGS)
6 WEEKS
COHORT-BASED COURSE
6 week Deep Dive into Design Tokens: From Basics to Expert-Level Implementation
HOSTED BY

Osama Eldrieny
Design Lead | Design Tokens Consultant | Creator
This course includes
This course includes
π΄
12 Live Sessions (3.5h each)
βοΈ
12 Interactive Activities
π
+90 Resource Links
π₯
Access to project files
π
Certificate of Completion
π¬
Guided Feedback and Reflection
π€
Exclusive Peer Community
ποΈ
Lifetime Access to Course Materials
Course Overview
Course Overview
This intensive bootcamp takes you from foundational principles to advanced real-world applications of design tokens in modern design systems.
Over six comprehensive weeks, youβll gain hands-on experience with Figma Variables and the Tokens Studio plugin, learn to structure tokens across multiple levels, and implement scalable, theme-ready design systems.
Whether you're a designer or a developer, you'll leave with the confidence to bridge design and code using a shared language of tokens.
Who I made this course for
Who I made this course for
1
Designers Seeking to Level Up, For designers ready to adopt token-driven design and enhance their design systems.
2
UX/UI Leads Building Scalable Systems, For UX/UI Leads building flexible, scalable design systems with a strong token strategy.
3
Developers Integrating Design Systems, For developers who want to integrate design tokens for consistent, scalable projects.
Course syllabus
Course syllabus
Module 1
Module 1
Module 1
Foundations of Design Tokens & Semantic Structure
Foundations of Design Tokens & Semantic Structure
4 Live sessions
4 activities
4 Live sessions
4 activities
4 Live sessions
4 activities
In this foundational module, you'll gain a deep understanding of the core principles that define modern design systems and how design tokens play a vital role in making them scalable, maintainable, and consistent.
Youβll explore the differences between variables and tokens, how they operate in Figma, and the importance of semantic structure in naming and organizing tokens.
Youβll also get hands-on with Figma Variables and the Tokens Studio plugin, learning how to set up your first tokens for colors, spacing, border radius, and typography.
The focus then shifts to semantic logic: how to structure your tokens using option, alias, and component-specific levelsβand how this structure helps you scale across UI components and design decisions.
WEEK 1
sep 30 - OCT 6
2 Live sessions
1 activity
Live Session #1
Foundations of Design Tokens & Systems.
Discover what makes a design system truly scalable and how tokens act as its building blocks. We'll break down key terminology and relationships that every designer should internalize.
What Youβll Learn
Inside the Session
Introduction about the course
What is the Design System
The relationship between Design System and Design Tokens
Variables Vs Design Tokens
Best Tools for Design Tokens
Design Tokens Process
Why do we have to use Design Tokens in Design Tolols
Live Session #2
Exploring Design Tokens in Action: Figma & Tokens Studio.
Learn how tokens work conceptually across design tools, and how theyβre used to control design decisions like spacing, typography, and color β even before touching Figma.
What Youβll Learn
Inside the Session
Figma Variables Interface, Tokens Studio Plugin Interface
Challenges and Benefits of Design Tokens
Design Tokens Essentials
Takeaways
Assignment #1
Use Figma Variables and Tokens Studio Plugin to Control Colors, Gradiants, Spacing, Border Radius & Typography
Submit one day before the next session.
WEEK 1
sep 30 - OCT 6
2 Live sessions
1 activity
Live Session #1
Foundations of Design Tokens & Systems.
Discover what makes a design system truly scalable and how tokens act as its building blocks. We'll break down key terminology and relationships that every designer should internalize.
What Youβll Learn
Inside the Session
Introduction about the course
What is the Design System
The relationship between Design System and Design Tokens
Variables Vs Design Tokens
Best Tools for Design Tokens
Design Tokens Process
Why do we have to use Design Tokens in Design Tolols
Live Session #2
Exploring Design Tokens in Action: Figma & Tokens Studio.
Learn how tokens work conceptually across design tools, and how theyβre used to control design decisions like spacing, typography, and color β even before touching Figma.
What Youβll Learn
Inside the Session
Figma Variables Interface, Tokens Studio Plugin Interface
Challenges and Benefits of Design Tokens
Design Tokens Essentials
Takeaways
Assignment #1
Use Figma Variables and Tokens Studio Plugin to Control Colors, Gradiants, Spacing, Border Radius & Typography
Submit one day before the next session.
WEEK 1
sep 30 - OCT 6
2 Live sessions
1 activity
WEEK 2
Apr 14 - Apr 20
2 Live sessions
3 activities
LIVE SESSION #3
Creating Token Stories: Levels, Naming & Real-World Examples.
Go beyond naming conventions β understand the logic behind token levels, build a button token story, and plan for scale using examples from real design systems.
What Youβll Learn
Inside the Session
Tokens Levels
What is the best way to name my Tokens
Takeaways
Assignment #2
Craft a component token story for a button - Group Activity
Submit one day before the next session.
What Youβll Learn
Inside the Session
Naming Structure
Complex Example of Component Tokens
Takeaways
Assignment #3
Create Complex Example Tokens for a Button
Submit one day before the next session.
Live Session #4
Building with Purpose: Designing Components & Structuring Tokens.
Break down components into tokenizable parts and plan your option and alias tokens with precision across spacing, typography, and scopes.
What Youβll Learn
Inside the Session
Design Card Component. (Title, Des, Button)
Design Button Component, Simple
Figma Variables Interface
Plan & Create Option Tokens
Plan & Create Alias Tokens
Set Variables Scope
What is the Limitations for Assign Alias Tokens to components
Takeaways
Assignment #4
Plan, Create Option & Alias Tokens, Link your tokens to your components
Submit one day before the next session.
WEEK 2
Apr 14 - Apr 20
2 Live sessions
3 activities
LIVE SESSION #3
Creating Token Stories: Levels, Naming & Real-World Examples.
Go beyond naming conventions β understand the logic behind token levels, build a button token story, and plan for scale using examples from real design systems.
What Youβll Learn
Inside the Session
Tokens Levels
What is the best way to name my Tokens
Takeaways
Assignment #2
Craft a component token story for a button - Group Activity
Submit one day before the next session.
What Youβll Learn
Inside the Session
Naming Structure
Complex Example of Component Tokens
Takeaways
Assignment #3
Create Complex Example Tokens for a Button
Submit one day before the next session.
Live Session #4
Building with Purpose: Designing Components & Structuring Tokens.
Break down components into tokenizable parts and plan your option and alias tokens with precision across spacing, typography, and scopes.
What Youβll Learn
Inside the Session
Design Card Component. (Title, Des, Button)
Design Button Component, Simple
Figma Variables Interface
Plan & Create Option Tokens
Plan & Create Alias Tokens
Set Variables Scope
What is the Limitations for Assign Alias Tokens to components
Takeaways
Assignment #4
Plan, Create Option & Alias Tokens, Link your tokens to your components
Submit one day before the next session.
WEEK 2
Apr 14 - Apr 20
2 Live sessions
3 activities
Module 2
Module 2
Module 2
Bridging Design and Code β Exporting & Theming
Bridging Design and Code β Exporting & Theming
4 Live sessions
4 activities
4 Live sessions
4 activities
4 Live sessions
4 activities
This module connects the dots between design and development by teaching you how to translate your design tokens into code.
You'll export tokens from Figma using Tokens Studio, convert them to JSON and CSS using tools like Style Dictionary, and begin testing how tokens behave in real-world scenarios.
Youβll also dive into advanced theming strategiesβsuch as dark mode, RTL (Arabic), and brand variationsβand explore how to structure multi-theme and multi-locale systems efficiently.
Along the way, you'll learn to troubleshoot token inconsistencies, work with component-specific tokens, and begin documenting your system in a developer-friendly way.
WEEK 3
Apr 21 - Apr 27
2 Live sessions
2 activities
Live Session #5
From Semantic Tokens to CSS: Testing the Source of Truth Workflow.
Export tokens to JSON, convert them to CSS variables, and discuss automation limitations using Style Dictionary.
What Youβll Learn
Inside the Session
Intro about Project Files
Export Tokens to JSON
Introduction of Style Dictionary Configurator
Convert JSON to CSS
Test the source of truth process and check the limitation make the process not fully Automated
Takeaways
Assignment #5
Generate JSON, Convert it to CSS "Camel Case" and Test the one source of truth limitation
Submit one day before the next session.
Live Session #6
Semantic Systems in Practice: From Debugging to Component Token Design.
Review common pitfalls, fix issues, and plan out precise component token strategies for scalable token libraries.
What Youβll Learn
Inside the Session
Review tasks and learn how to fix the issues
Plan & Create Component Tokens
Takeaways
Assignment #6
Fix your Issues for Semantic Tokens Example, Then Plan and Create the Component Specific Tokens
Submit one day before the next session.
WEEK 3
Apr 21 - Apr 27
2 Live sessions
2 activities
Live Session #5
From Semantic Tokens to CSS: Testing the Source of Truth Workflow.
Export tokens to JSON, convert them to CSS variables, and discuss automation limitations using Style Dictionary.
What Youβll Learn
Inside the Session
Intro about Project Files
Export Tokens to JSON
Introduction of Style Dictionary Configurator
Convert JSON to CSS
Test the source of truth process and check the limitation make the process not fully Automated
Takeaways
Assignment #5
Generate JSON, Convert it to CSS "Camel Case" and Test the one source of truth limitation
Submit one day before the next session.
Live Session #6
Semantic Systems in Practice: From Debugging to Component Token Design.
Review common pitfalls, fix issues, and plan out precise component token strategies for scalable token libraries.
What Youβll Learn
Inside the Session
Review tasks and learn how to fix the issues
Plan & Create Component Tokens
Takeaways
Assignment #6
Fix your Issues for Semantic Tokens Example, Then Plan and Create the Component Specific Tokens
Submit one day before the next session.
WEEK 3
Apr 21 - Apr 27
2 Live sessions
2 activities
WEEK 4
2 Live sessions
2 activities
Live Session #7
Applying Component-Specific Tokens & Testing Themes in Code.
Apply dark mode tokens, export them to CSS, and understand how to maintain consistency through variable-based theming.
What Youβll Learn
Inside the Session
Convert Tokens to JSON and CSS
Try the Dark Mode
Takeaways
Assignment #7
Apply Component-Specific Tokens to Card and Convert to CSS Variables
Submit one day before the next session.
Live Session #8
From Structure to Styling: Multi-Theme & Multi-Brand Component Tokens.
Create flexible token setups for light/dark themes and Arabic/English locales, and explore modern documentation strategies.
What Youβll Learn
Inside the Session
Set Card Tokens Structure. (Light, Dark, Arabic and English)
Plan for Component Tokens
Create Component Specific Tokens
New way to Tokens Documentation
Apply Component Tokens
Takeaways
Assignment #8
Plan, Create, and Apply for Multi Theme and Brand Component Tokens
Submit one day before the next session.
WEEK 4
2 Live sessions
2 activities
Live Session #7
Applying Component-Specific Tokens & Testing Themes in Code.
Apply dark mode tokens, export them to CSS, and understand how to maintain consistency through variable-based theming.
What Youβll Learn
Inside the Session
Convert Tokens to JSON and CSS
Try the Dark Mode
Takeaways
Assignment #7
Apply Component-Specific Tokens to Card and Convert to CSS Variables
Submit one day before the next session.
Live Session #8
From Structure to Styling: Multi-Theme & Multi-Brand Component Tokens.
Create flexible token setups for light/dark themes and Arabic/English locales, and explore modern documentation strategies.
What Youβll Learn
Inside the Session
Set Card Tokens Structure. (Light, Dark, Arabic and English)
Plan for Component Tokens
Create Component Specific Tokens
New way to Tokens Documentation
Apply Component Tokens
Takeaways
Assignment #8
Plan, Create, and Apply for Multi Theme and Brand Component Tokens
Submit one day before the next session.
WEEK 4
2 Live sessions
2 activities
Module 3
Module 3
Module 3
Scaling Design Systems & Final Project
Scaling Design Systems & Final Project
4 Live sessions
4 activities
4 Live sessions
4 activities
4 Live sessions
4 activities
In the final module, youβll shift your focus to scalingβhow to manage tokens across a large system, handle complexity, and create smart components that adapt to various screen sizes, themes, and languages.
Youβll explore strategies for minimizing token bloat while maximizing flexibility and learn how to structure responsive components using design tokens.
Youβll also take on your capstone challenge: designing and building a complete, reusable design system using everything you've learnedβfrom semantic token structures to multi-theme and responsive implementation.
You'll learn how to publish your design system as a library, hand it off to developers, and present your work with clarity and confidence.
This module ends with graduation, certifications, and community networking.
WEEK 5
2 Live sessions
2 activities
Live Session #9
Building Smart Themes β Creating and Coding Multi-Theme Tokens.
Build theme-specific tokens for dark mode and Arabic, convert them to code, and learn smart strategies for theme control.
What Youβll Learn
Inside the Session
Create Dark mode
Convert Dark mode to JSON and CSS and Apply in Project files
Create Arabic Version
Convert Arabic mode to JSON and CSS and Apply in Project files
Prepare Multi-Theme Tkoens Manually
The Magic
Takeaways
Assignment #9
Create Arabic Mode Components and Convert it to the code
Submit one day before the next session.
Live Session #10
Multi-Theme Review & Group Token Challenge.
Finalize multi-theme implementation, get feedback, test your token architecture, and explore new documentation workflows.
What Youβll Learn
Inside the Session
Review Assessment Tasks
New way to Tokens Documentation
Multi-Theme Group Test
Takeaways
Assignment #10
Group Challenge β Plan & Build Scalable Multi-Theme
Submit one day before the next session.
WEEK 5
2 Live sessions
2 activities
Live Session #9
Building Smart Themes β Creating and Coding Multi-Theme Tokens.
Build theme-specific tokens for dark mode and Arabic, convert them to code, and learn smart strategies for theme control.
What Youβll Learn
Inside the Session
Create Dark mode
Convert Dark mode to JSON and CSS and Apply in Project files
Create Arabic Version
Convert Arabic mode to JSON and CSS and Apply in Project files
Prepare Multi-Theme Tkoens Manually
The Magic
Takeaways
Assignment #9
Create Arabic Mode Components and Convert it to the code
Submit one day before the next session.
Live Session #10
Multi-Theme Review & Group Token Challenge.
Finalize multi-theme implementation, get feedback, test your token architecture, and explore new documentation workflows.
What Youβll Learn
Inside the Session
Review Assessment Tasks
New way to Tokens Documentation
Multi-Theme Group Test
Takeaways
Assignment #10
Group Challenge β Plan & Build Scalable Multi-Theme
Submit one day before the next session.
WEEK 5
2 Live sessions
2 activities
WEEK 6
2 Live sessions
2 activities
Live Session #11
Smart Components, Scalable Tokens & Responsive Layout β From Buttons to Final Project.
Learn how to publish your design library, use tokens for responsive components, and reduce token bloat through smart strategies.
What Youβll Learn
Inside the Session
How to Publish the library
How to create responsive component using Variables
Understand the Button
Plan for Button Component Specific Tokens
Think Smart - How to minimize the Tokens and still controlling everything
Strategy and Implementation
Case Studies
Final Project Task
Takeaways
Assignment #11
Design System Challenge β Build a Scalable, Multi-Theme Token
Submit one day before the next session.
Live Session #12
What's Next β Graduation, Tools & Community.
Explore additional tools, share resources, connect with peers, and graduate with confidence and clarity.
What Youβll Learn
Inside the Session
What is Next
Other Tokens Tools
Share Resources
Graduation & Certification: How to receive certificates.
Networking: Connect with the community.
Final Q&A: Open for last questions.
Takeaways
Final Project
Build scalable, Multi-Theme Design System with Case Study
Submit within two weeks
WEEK 6
2 Live sessions
2 activities
Live Session #11
Smart Components, Scalable Tokens & Responsive Layout β From Buttons to Final Project.
Learn how to publish your design library, use tokens for responsive components, and reduce token bloat through smart strategies.
What Youβll Learn
Inside the Session
How to Publish the library
How to create responsive component using Variables
Understand the Button
Plan for Button Component Specific Tokens
Think Smart - How to minimize the Tokens and still controlling everything
Strategy and Implementation
Case Studies
Final Project Task
Takeaways
Assignment #11
Design System Challenge β Build a Scalable, Multi-Theme Token
Submit one day before the next session.
Live Session #12
What's Next β Graduation, Tools & Community.
Explore additional tools, share resources, connect with peers, and graduate with confidence and clarity.
What Youβll Learn
Inside the Session
What is Next
Other Tokens Tools
Share Resources
Graduation & Certification: How to receive certificates.
Networking: Connect with the community.
Final Q&A: Open for last questions.
Takeaways
Final Project
Build scalable, Multi-Theme Design System with Case Study
Submit within two weeks
WEEK 6
2 Live sessions
2 activities

NEXT COHORT
SOOOOOOON
4.6
(33)
What students are saying
Ashraf Omran πΈπ¦
Design Lead
Osama was my first destination when I started working on major design systems. I can't doubt for a second that he has a lot of valuable knowledge and experience he can share, if you are planning to dive in design systems i totally recommend it to you.
Amr Sharif πͺπ¬
Product Designer
I feel proud that an Egyptian like us has created a world-class course. This course literally competes with the strongest Western courses, which didnβt even cover something this important. It makes me extremely proud of our country's talents. The educational content in it is worth thousands of dollarsβtruly a masterpiece.
Hagar Shams Eldin πͺπ¬
UI/UX Designer
I almost won't get tired of sharing Osama El-Dereiny's Design Tokens course. The content is very well-crafted. Thank you so much.
Eslam Tarek πͺπ¬
UX/UI Designer
I attended a session for one of the kings of the field of UX and design tokens, Osama El Drieny. The session was incredibly informative about design tokens and variables. The session was structured to include both a theoretical component and a practical component, and the benefit was great, especially since the design tokens and variables will save a lot of time For the designer and developer while they are building the system or making any modifications to this system. it will save on cost and time. and We also learned about tools that can accelerate the development process, especially for handling variables. Finally, I would like to thank UXSalon for organizing this great session, and I hope for many great sessions in the future.
Rania Jibreel πͺπ¬
Product Designer
I enjoyed attending the design token workshop led by Osama El Drieny The session was incredibly insightful, providing valuable knowledge on Figma variables, exporting JSON files, and using Design Token Studio Thanks to Osama for sharing his expertise, and to UXSalon for hosting this informative workshop
Yousef Rashad πͺπ¬
UX/UI Designer
The most exciting part of the day was the activities we participated in. The workshop was truly enjoyable and delightful, and I gained a lot from it. I'm confident it will make a significant difference in my professional journey. I would like to express my gratitude to Osama Eldrieny for his efforts and valuable insights. He never hesitated to help or share knowledge with us. Thank you!
Anonymous πͺπ¬
UX/UI Designer
I don't know what to say, but honestly, the entire course is truly amazing. I finished this incredible playlist, and I genuinely learned so much. Thank you very much!
Asmaa Dosuky πͺπ¬
UX/UI Designer
The organization is really impressive. Your effort is truly commendable, as you understand and address the issues people face with Design Tokens and genuinely care about them.
Mostafa Azzouz πͺπ¬
UX/UI Designer
I really love the videos and techniques you discuss. Truly, keep goingβgreat job!
Yousef Rashad πͺπ¬
UX/UI Designer
Imagine finding Arabic content that explains the most important tools and features that make you stand out and in high demand at major companies. Osama Eldrieny has truly excelled and provides content thatβs hard to find these days.
Ahmed Faris πͺπ¬
Product Designer
Must to learn to every Ul Designer you'll not only learn Design Tokens, you'll definitely upgrade your skills and career with Osama El Drieny ππ. I learned a lot and improved my skills through his free videos, Imagine a professional course like this β€οΈ. Highly Recommended
Mohammed Hammouda π΅πΈ
UX Designer
Today, I gained tremendous technical insights during the Design Tokens workshop with Osama Eldrieny
Mahmoud Elgml πͺπ¬
UI/UX Designer
It's one of the great opportunities to attend the latest event, 'Design Tokens: From Design to Code.' I learned new things, and the most impressive part was how I could hand off my design pixel to pixel to the developer, ensuring it comes out exactly as designed.π₯ I also learned many other things that I will start applying in my future work, which will save me a lot of time during the iteration stages, as I'll be able to easily make changes with just a click of a button. πͺ Thanks to my friend Osama Eldrieny for this great session and your amazing effort."
Asmaa Dosuky πͺπ¬
Product Designer
I Had a fantastic session about design tokens & Figma variables with design expert Osama Eldrieny So many valuable insights gained! π€©π©βπ»π©
Abdulrahman πͺπ¬
UX Designer
πI had a fantastic time at the Design Tokens Workshop led by Osama El Drieny!π During this practical session, we delved into Figma variables and design tokens, applying everything we learned for maximum benefit. It was an amazing learning experience, and I'm thankful to UXSalon Salon for organizing this wonderful event
Hashem Hany πͺπ¬
Product Designer
This is probably the first time I've seen the code match the design exactly, thanks to Design Tokens, which were brilliantly explained by Osama Eldrieny yesterday in a workshop that was simply outstanding. Special thanks to UX Salon, the place that constantly renews my passion.
Aliaa Farouk πͺπ¬
Product Designer
Thank you for your videos and for the effort you put into sharing knowledge and spreading the benefits. Great effort, keep going!
Ahmed Ashraf πͺπ¬
UX/UI Designer
Osama Eldrieny has created a fantastic playlist covering Design Tokens. He explains the topic in an easy and straightforward manner.
Osama Abdelnasr πͺπ¬
UX/UI Designer
Thank you for the great explanation and content. Itβs incredibly valuable and has saved me years of work. Best of luck!
Anas Rafaat πͺπ¬
UX Lead, Content Creator
Osama is one of the best people who explain things from whom you can learn. He provides unique and well-crafted content.
Osama Dawood πͺπ¬
Product Design Expert
Osama speaks with knowledge and understanding, and this course will help many people.
Fady Samir πͺπ¬
UI/UX Designer
πJust attended an amazing workshop at UXSalon Titled "Design Tokens: From Design to Code" π
It was an insightful session led by Osama El Drieny. We explored perspectives from industry experts, and tackled activities that brought our knowledge to life. From creating component tokens to implementing it into a css component, the hands-on experience was invaluable.
UI/UX designer πͺπ¬
UI/UX Designer
πJust wrapped up an amazing Design Tokens workshop at KnowledgeNet in Nasr City with the incredible Osama El Drieny and the talented team from UXSalon ! π
We dived deep into design principles, collaborated on hands-on activities, and shared invaluable insights. Feeling inspired and ready to bring these new skills to my projects! π‘π¨ Swipe through the photos to see the creativity and teamwork in action. Excited for what's next! π
Salsabil Fathelbab πͺπ¬
UX/UI Designer
I enjoyed and benefited a lot from attending this workshop Thank you, Osama El Drieny for sharing your experience with us and making the design token so easy like that
Mohamed Shalaby πͺπ¬
UX/UI Designer
Yesterday, I attended a workshop, and honestly, it was one of the best experiences I've had, and I learned a lot from it. I want to thank Osama Eldrieny for his excellent explanations and for clarifying so many things. For the first time, we saw the design come to life in the same way a developer envisions it.
Yousef Rashad πͺπ¬
UX/UI Designer
Honestly, Osama El-Dereiny excelled in presenting content that is hard to find for free in the first place.
Osama Naji πͺπ¬
UX/UI Designer
One of the most enjoyable sessions Iβve attended in the UX field. The content was incredibly strong, and I learned a lot. I will definitely start applying Design Tokens in all my upcoming projects
Ahmed Khatab πͺπ¬
UX/UI Designer
Very useful, Osama. No one else talks about Design Tokens like you do. Keep up the great work and best of luck!
Anonymous πͺπ¬
UX/UI Designer
I swear, I've been looking for something like this for a long time. Thank you so much for the effort!
View 19 More Testimonials
Ashraf Omran πΈπ¦
Design Lead
Osama was my first destination when I started working on major design systems. I can't doubt for a second that he has a lot of valuable knowledge and experience he can share, if you are planning to dive in design systems i totally recommend it to you.
Amr Sharif πͺπ¬
Product Designer
I feel proud that an Egyptian like us has created a world-class course. This course literally competes with the strongest Western courses, which didnβt even cover something this important. It makes me extremely proud of our country's talents. The educational content in it is worth thousands of dollarsβtruly a masterpiece.
Hagar Shams Eldin πͺπ¬
UI/UX Designer
I almost won't get tired of sharing Osama El-Dereiny's Design Tokens course. The content is very well-crafted. Thank you so much.
Eslam Tarek πͺπ¬
UX/UI Designer
I attended a session for one of the kings of the field of UX and design tokens, Osama El Drieny. The session was incredibly informative about design tokens and variables. The session was structured to include both a theoretical component and a practical component, and the benefit was great, especially since the design tokens and variables will save a lot of time For the designer and developer while they are building the system or making any modifications to this system. it will save on cost and time. and We also learned about tools that can accelerate the development process, especially for handling variables. Finally, I would like to thank UXSalon for organizing this great session, and I hope for many great sessions in the future.
Rania Jibreel πͺπ¬
Product Designer
I enjoyed attending the design token workshop led by Osama El Drieny The session was incredibly insightful, providing valuable knowledge on Figma variables, exporting JSON files, and using Design Token Studio Thanks to Osama for sharing his expertise, and to UXSalon for hosting this informative workshop
Yousef Rashad πͺπ¬
UX/UI Designer
The most exciting part of the day was the activities we participated in. The workshop was truly enjoyable and delightful, and I gained a lot from it. I'm confident it will make a significant difference in my professional journey. I would like to express my gratitude to Osama Eldrieny for his efforts and valuable insights. He never hesitated to help or share knowledge with us. Thank you!
Anonymous πͺπ¬
UX/UI Designer
I don't know what to say, but honestly, the entire course is truly amazing. I finished this incredible playlist, and I genuinely learned so much. Thank you very much!
Asmaa Dosuky πͺπ¬
UX/UI Designer
The organization is really impressive. Your effort is truly commendable, as you understand and address the issues people face with Design Tokens and genuinely care about them.
Mostafa Azzouz πͺπ¬
UX/UI Designer
I really love the videos and techniques you discuss. Truly, keep goingβgreat job!
Yousef Rashad πͺπ¬
UX/UI Designer
Imagine finding Arabic content that explains the most important tools and features that make you stand out and in high demand at major companies. Osama Eldrieny has truly excelled and provides content thatβs hard to find these days.
Fady Samir πͺπ¬
UI/UX Designer
πJust attended an amazing workshop at UXSalon Titled "Design Tokens: From Design to Code" π
It was an insightful session led by Osama El Drieny. We explored perspectives from industry experts, and tackled activities that brought our knowledge to life. From creating component tokens to implementing it into a css component, the hands-on experience was invaluable.
UI/UX designer πͺπ¬
UI/UX Designer
πJust wrapped up an amazing Design Tokens workshop at KnowledgeNet in Nasr City with the incredible Osama El Drieny and the talented team from UXSalon ! π
We dived deep into design principles, collaborated on hands-on activities, and shared invaluable insights. Feeling inspired and ready to bring these new skills to my projects! π‘π¨ Swipe through the photos to see the creativity and teamwork in action. Excited for what's next! π
Yousef Rashad πͺπ¬
UX/UI Designer
Honestly, Osama El-Dereiny excelled in presenting content that is hard to find for free in the first place.
Ahmed Faris πͺπ¬
Product Designer
Must to learn to every Ul Designer you'll not only learn Design Tokens, you'll definitely upgrade your skills and career with Osama El Drieny ππ. I learned a lot and improved my skills through his free videos, Imagine a professional course like this β€οΈ. Highly Recommended
Mohammed Hammouda π΅πΈ
UX Designer
Today, I gained tremendous technical insights during the Design Tokens workshop with Osama Eldrieny
Mahmoud Elgml πͺπ¬
UI/UX Designer
It's one of the great opportunities to attend the latest event, 'Design Tokens: From Design to Code.' I learned new things, and the most impressive part was how I could hand off my design pixel to pixel to the developer, ensuring it comes out exactly as designed.π₯ I also learned many other things that I will start applying in my future work, which will save me a lot of time during the iteration stages, as I'll be able to easily make changes with just a click of a button. πͺ Thanks to my friend Osama Eldrieny for this great session and your amazing effort."
Asmaa Dosuky πͺπ¬
Product Designer
I Had a fantastic session about design tokens & Figma variables with design expert Osama Eldrieny So many valuable insights gained! π€©π©βπ»π©
Abdulrahman πͺπ¬
UX Designer
πI had a fantastic time at the Design Tokens Workshop led by Osama El Drieny!π During this practical session, we delved into Figma variables and design tokens, applying everything we learned for maximum benefit. It was an amazing learning experience, and I'm thankful to UXSalon Salon for organizing this wonderful event
Hashem Hany πͺπ¬
Product Designer
This is probably the first time I've seen the code match the design exactly, thanks to Design Tokens, which were brilliantly explained by Osama Eldrieny yesterday in a workshop that was simply outstanding. Special thanks to UX Salon, the place that constantly renews my passion.
Aliaa Farouk πͺπ¬
Product Designer
Thank you for your videos and for the effort you put into sharing knowledge and spreading the benefits. Great effort, keep going!
Ahmed Ashraf πͺπ¬
UX/UI Designer
Osama Eldrieny has created a fantastic playlist covering Design Tokens. He explains the topic in an easy and straightforward manner.
Osama Abdelnasr πͺπ¬
UX/UI Designer
Thank you for the great explanation and content. Itβs incredibly valuable and has saved me years of work. Best of luck!
Anas Rafaat πͺπ¬
UX Lead, Content Creator
Osama is one of the best people who explain things from whom you can learn. He provides unique and well-crafted content.
Salsabil Fathelbab πͺπ¬
UX/UI Designer
I enjoyed and benefited a lot from attending this workshop Thank you, Osama El Drieny for sharing your experience with us and making the design token so easy like that
Mohamed Shalaby πͺπ¬
UX/UI Designer
Yesterday, I attended a workshop, and honestly, it was one of the best experiences I've had, and I learned a lot from it. I want to thank Osama Eldrieny for his excellent explanations and for clarifying so many things. For the first time, we saw the design come to life in the same way a developer envisions it.
Ahmed Khatab πͺπ¬
UX/UI Designer
Very useful, Osama. No one else talks about Design Tokens like you do. Keep up the great work and best of luck!
Osama Naji πͺπ¬
UX/UI Designer
One of the most enjoyable sessions Iβve attended in the UX field. The content was incredibly strong, and I learned a lot. I will definitely start applying Design Tokens in all my upcoming projects
Osama Dawood πͺπ¬
Product Design Expert
Osama speaks with knowledge and understanding, and this course will help many people.
View 19 More Testimonials
Ashraf Omran πΈπ¦
Design Lead
Osama was my first destination when I started working on major design systems. I can't doubt for a second that he has a lot of valuable knowledge and experience he can share, if you are planning to dive in design systems i totally recommend it to you.
Amr Sharif πͺπ¬
Product Designer
I feel proud that an Egyptian like us has created a world-class course. This course literally competes with the strongest Western courses, which didnβt even cover something this important. It makes me extremely proud of our country's talents. The educational content in it is worth thousands of dollarsβtruly a masterpiece.
Hagar Shams Eldin πͺπ¬
UI/UX Designer
I almost won't get tired of sharing Osama El-Dereiny's Design Tokens course. The content is very well-crafted. Thank you so much.
Eslam Tarek πͺπ¬
UX/UI Designer
I attended a session for one of the kings of the field of UX and design tokens, Osama El Drieny. The session was incredibly informative about design tokens and variables. The session was structured to include both a theoretical component and a practical component, and the benefit was great, especially since the design tokens and variables will save a lot of time For the designer and developer while they are building the system or making any modifications to this system. it will save on cost and time. and We also learned about tools that can accelerate the development process, especially for handling variables. Finally, I would like to thank UXSalon for organizing this great session, and I hope for many great sessions in the future.
Rania Jibreel πͺπ¬
Product Designer
I enjoyed attending the design token workshop led by Osama El Drieny The session was incredibly insightful, providing valuable knowledge on Figma variables, exporting JSON files, and using Design Token Studio Thanks to Osama for sharing his expertise, and to UXSalon for hosting this informative workshop
Yousef Rashad πͺπ¬
UX/UI Designer
The most exciting part of the day was the activities we participated in. The workshop was truly enjoyable and delightful, and I gained a lot from it. I'm confident it will make a significant difference in my professional journey. I would like to express my gratitude to Osama Eldrieny for his efforts and valuable insights. He never hesitated to help or share knowledge with us. Thank you!
Anonymous πͺπ¬
UX/UI Designer
I don't know what to say, but honestly, the entire course is truly amazing. I finished this incredible playlist, and I genuinely learned so much. Thank you very much!
Asmaa Dosuky πͺπ¬
UX/UI Designer
The organization is really impressive. Your effort is truly commendable, as you understand and address the issues people face with Design Tokens and genuinely care about them.
Mostafa Azzouz πͺπ¬
UX/UI Designer
I really love the videos and techniques you discuss. Truly, keep goingβgreat job!
Yousef Rashad πͺπ¬
UX/UI Designer
Imagine finding Arabic content that explains the most important tools and features that make you stand out and in high demand at major companies. Osama Eldrieny has truly excelled and provides content thatβs hard to find these days.
Fady Samir πͺπ¬
UI/UX Designer
πJust attended an amazing workshop at UXSalon Titled "Design Tokens: From Design to Code" π
It was an insightful session led by Osama El Drieny. We explored perspectives from industry experts, and tackled activities that brought our knowledge to life. From creating component tokens to implementing it into a css component, the hands-on experience was invaluable.
UI/UX designer πͺπ¬
UI/UX Designer
πJust wrapped up an amazing Design Tokens workshop at KnowledgeNet in Nasr City with the incredible Osama El Drieny and the talented team from UXSalon ! π
We dived deep into design principles, collaborated on hands-on activities, and shared invaluable insights. Feeling inspired and ready to bring these new skills to my projects! π‘π¨ Swipe through the photos to see the creativity and teamwork in action. Excited for what's next! π
Yousef Rashad πͺπ¬
UX/UI Designer
Honestly, Osama El-Dereiny excelled in presenting content that is hard to find for free in the first place.
Ahmed Faris πͺπ¬
Product Designer
Must to learn to every Ul Designer you'll not only learn Design Tokens, you'll definitely upgrade your skills and career with Osama El Drieny ππ. I learned a lot and improved my skills through his free videos, Imagine a professional course like this β€οΈ. Highly Recommended
Osama Dawood πͺπ¬
Product Design Expert
Osama speaks with knowledge and understanding, and this course will help many people.
Mohammed Hammouda π΅πΈ
UX Designer
Today, I gained tremendous technical insights during the Design Tokens workshop with Osama Eldrieny
Mahmoud Elgml πͺπ¬
UI/UX Designer
It's one of the great opportunities to attend the latest event, 'Design Tokens: From Design to Code.' I learned new things, and the most impressive part was how I could hand off my design pixel to pixel to the developer, ensuring it comes out exactly as designed.π₯ I also learned many other things that I will start applying in my future work, which will save me a lot of time during the iteration stages, as I'll be able to easily make changes with just a click of a button. πͺ Thanks to my friend Osama Eldrieny for this great session and your amazing effort."
Asmaa Dosuky πͺπ¬
Product Designer
I Had a fantastic session about design tokens & Figma variables with design expert Osama Eldrieny So many valuable insights gained! π€©π©βπ»π©
Abdulrahman πͺπ¬
UX Designer
πI had a fantastic time at the Design Tokens Workshop led by Osama El Drieny!π During this practical session, we delved into Figma variables and design tokens, applying everything we learned for maximum benefit. It was an amazing learning experience, and I'm thankful to UXSalon Salon for organizing this wonderful event
Hashem Hany πͺπ¬
Product Designer
This is probably the first time I've seen the code match the design exactly, thanks to Design Tokens, which were brilliantly explained by Osama Eldrieny yesterday in a workshop that was simply outstanding. Special thanks to UX Salon, the place that constantly renews my passion.
Aliaa Farouk πͺπ¬
Product Designer
Thank you for your videos and for the effort you put into sharing knowledge and spreading the benefits. Great effort, keep going!
Ahmed Ashraf πͺπ¬
UX/UI Designer
Osama Eldrieny has created a fantastic playlist covering Design Tokens. He explains the topic in an easy and straightforward manner.
Osama Abdelnasr πͺπ¬
UX/UI Designer
Thank you for the great explanation and content. Itβs incredibly valuable and has saved me years of work. Best of luck!
Anas Rafaat πͺπ¬
UX Lead, Content Creator
Osama is one of the best people who explain things from whom you can learn. He provides unique and well-crafted content.
Salsabil Fathelbab πͺπ¬
UX/UI Designer
I enjoyed and benefited a lot from attending this workshop Thank you, Osama El Drieny for sharing your experience with us and making the design token so easy like that
Mohamed Shalaby πͺπ¬
UX/UI Designer
Yesterday, I attended a workshop, and honestly, it was one of the best experiences I've had, and I learned a lot from it. I want to thank Osama Eldrieny for his excellent explanations and for clarifying so many things. For the first time, we saw the design come to life in the same way a developer envisions it.
Ahmed Khatab πͺπ¬
UX/UI Designer
Very useful, Osama. No one else talks about Design Tokens like you do. Keep up the great work and best of luck!
Osama Naji πͺπ¬
UX/UI Designer
One of the most enjoyable sessions Iβve attended in the UX field. The content was incredibly strong, and I learned a lot. I will definitely start applying Design Tokens in all my upcoming projects
View More