Design Tokens From Basic to Mastery
Design Tokens From Basic to Mastery


Design Tokens From Basic to Mastery

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


Osama Eldrieny
Osama Eldrieny
Design Lead | Design Tokens Consultant | Creator
Design Lead | Design Tokens Consultant | Creator
This course includes
This course includes
📺
62 Video lessons
🔴
13 Live Sessions
✏️
27 Interactive Activities
🔗
10 Resource Links
📥
12 Downloadable Activity Files
🏅
Certificate of Completion
👨🏫
Direct Access to the Instructor
💬
Guided Feedback and Reflection
🤝
Exclusive Peer Community
🗂️
Lifetime Access to Course Materials
Course Overview
Course Overview
This course offers a comprehensive exploration of design tokens, starting with the fundamentals and progressing to advanced techniques.
In the first module, you'll learn the basics of creating and managing design tokens.
The second module focuses on advanced topics using Figma Variables, where you'll work with option, alias, and component-specific tokens.
Finally, the third module delves into the Tokens Studio Plugin, teaching you how to convert tokens to CSS, apply them to design systems, and integrate your work with GitHub.
By the end of the course, you'll be skilled in building and managing sophisticated, scalable design systems.
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 Systems and Design Tokens
Foundations of Design Systems and Design Tokens
17 lessons
4 Live sessions
5 activities
4 project files
5 resources
17 lessons
4 Live sessions
5 activities
4 project files
5 resources
17 lessons
4 Live sessions
5 activities
4 project files
5 resources
In this foundational 3-week module, participants will immerse themselves in the essential concepts and practices of design systems and design tokens.
Through 17 lessons, 4 live sessions, 5 activities, and access to 4 project files and 5 resources, you'll explore the fundamentals of design systems, the importance of design tokens, and the tools used in the industry.
Starting with an introduction to design systems, you'll learn about their components, benefits, and the differences between variables and design tokens.
The module will guide you through understanding why design tokens are crucial in modern design tools, the process of creating tokens, and the challenges and benefits associated with them.
You'll also dive deep into systematic token naming, managing token levels, and crafting component-specific tokens.
By the end of this module, you'll have created a simple design system, applied tokens, and published your design system library, setting a strong foundation for more advanced topics in subsequent modules.
WEEK 1
Nov 01 - Nov 7
2 Live sessions
1 activity
WEEK 1
Nov 01 - Nov 7
2 Live sessions
1 activity
WEEK 1
Nov 01 - Nov 7
2 Live sessions
1 activity
WEEK 2
OCT 7 - OCT 13
2 Live sessions
3 activities
WEEK 2
OCT 7 - OCT 13
2 Live sessions
3 activities
WEEK 2
OCT 7 - OCT 13
2 Live sessions
3 activities
WEEK 3
OCt 21 - Oct 27
2 Live sessions
2 activities
WEEK 3
OCt 21 - Oct 27
2 Live sessions
2 activities
WEEK 3
OCt 21 - Oct 27
2 Live sessions
2 activities
Module 2
Module 2
Module 2
Advanced Design Tokens with Figma Variables
Advanced Design Tokens with Figma Variables
23 lessons
5 Live sessions
12 activities
13 project files
2 resources
23 lessons
5 Live sessions
12 activities
13 project files
2 resources
23 lessons
5 Live sessions
12 activities
13 project files
2 resources
In this module, you’ll advance your skills in creating and managing design tokens using Figma Variables.
Spanning 21 lessons, 5 live sessions, 12 activities, 13 project files, and 1 resource file, you'll dive deep into the intricacies of option tokens, alias tokens, and component-specific tokens.
Starting with the Figma Variables interface, you'll learn to create and group option tokens for colors, typography, and other design elements.
The module will guide you through the process of creating alias tokens and component-specific tokens, and how to apply them within your design system.
Additionally, you'll explore the handoff process to developers, including exporting tokens to JSON, converting them to CSS, and implementing both light and dark modes in your projects.
By the end of this module, you’ll have a comprehensive understanding of how to leverage Figma Variables to maintain a cohesive and scalable design system.
WEEK 4
Nov 4 - Nov 10
2 Live sessions
2 activities
WEEK 4
Nov 4 - Nov 10
2 Live sessions
2 activities
WEEK 4
Nov 4 - Nov 10
2 Live sessions
2 activities
WEEK 5
Nov 11 - nov 17
2 Live sessions
2 activities
WEEK 5
Nov 11 - nov 17
2 Live sessions
2 activities
WEEK 5
Nov 11 - nov 17
2 Live sessions
2 activities
WEEK 7
nov 18 - nov 24
9 lessons
2 Live sessions
2 activities
2 project files
3 resources
Live Session #9
Live Q&A
Desc
Live Session #10
Convert JSON to CSS code
Desc
WEEK 7
nov 18 - nov 24
9 lessons
2 Live sessions
2 activities
2 project files
3 resources
Live Session #9
Live Q&A
Desc
Live Session #10
Convert JSON to CSS code
Desc
WEEK 7
nov 18 - nov 24
9 lessons
2 Live sessions
2 activities
2 project files
3 resources
Live Session #9
Live Q&A
Desc
Live Session #10
Convert JSON to CSS code
Desc
Module 3
Module 3
Module 3
Advanced Design Tokens with Tokens Studio Plugin
Advanced Design Tokens with Tokens Studio Plugin
22 lessons
4 Live sessions
10 activities
9 project files
3 resources
22 lessons
4 Live sessions
10 activities
9 project files
3 resources
22 lessons
4 Live sessions
10 activities
9 project files
3 resources
This module, focused on the Tokens Studio Plugin, will elevate your expertise in managing and applying design tokens within your projects.
Throughout 22 lessons, 4 live sessions, 10 activities, 9 project files, and 3 resources files you'll gain a deep understanding of how to utilize the Tokens Studio Plugin to create, manage, and implement tokens effectively.
Starting with the Tokens Studio Plugin interface, you'll learn to convert Figma styles into tokens and back, create and group option and alias tokens, and apply them to specific components like logos, pages, and forms.
You will also explore advanced techniques for live previewing tokens, annotating documentation, and integrating them with CSS.
As the module progresses, you'll dive into the complexities of dark mode implementation, brand and theme creation, and the essential integration of your tokens with GitHub for version control.
By the end of this module, you’ll be equipped to manage design tokens across multiple projects with precision, ensuring a consistent and efficient design system workflow.
WEEK 10
Dec 2 - Dec 8
10 lessons
1 Live session
1 activity
1 project file
3 resources
Live Session #13
Live Q&A
Desc
WEEK 10
Dec 2 - Dec 8
10 lessons
1 Live session
1 activity
1 project file
3 resources
Live Session #13
Live Q&A
Desc
WEEK 10
Dec 2 - Dec 8
10 lessons
1 Live session
1 activity
1 project file
3 resources
Live Session #13
Live Q&A
Desc
WEEK 11
dec 9 - dec 15
8 lessons
1 Live session
1 activities
1 project files
Live Session #14
Live Q&A
Desc
WEEK 11
dec 9 - dec 15
8 lessons
1 Live session
1 activities
1 project files
Live Session #14
Live Q&A
Desc
WEEK 11
dec 9 - dec 15
8 lessons
1 Live session
1 activities
1 project files
Live Session #14
Live Q&A
Desc
WEEK 12
dec 16 - Dec 22
11 lessons
2 Live sessions
4 activities
3 project files
11 lessons
2 Live sessions
4 activities
3 project files
11 lessons
2 Live sessions
4 activities
3 project files
Coming Soon

$ 995
4.6
(33)
NEXT COHORT
Sep, 30, 2024
What students are saying

Fateema Ashraf 🇪🇬
Product Designer
One the most influential courses I've taken in my career path, cooperative instructor & mentors and interactively helps designer to level up.
Being part of Tokens Camp honestly shifted my mindset, I didn't even realize how much I needed that. Building Figmentation Plugin was absolutely shaped by everything I learned there.
Thanks so much, Osama. Your support and encouragement really made a difference for me throughout this whole journey.

Mohamed Ashraf 🇪🇬
UX Designer
First of all, I would like to sincerely thank Osama for the amazing content of this course. Honestly, I searched a lot in both Arabic and English resources but couldn’t find anything as useful, and most of the available courses were extremely expensive. What makes this course truly unique.
Osama doesn’t just record a video to show you how to do something and leave it at that. He focuses on experiential learning: he shows you the common mistakes you might fall into first, then teaches you the correct way, so that if you ever face those mistakes in real life, you know how to handle them.
With Osama, you can ask questions anytime, and he always responds quickly during the day. He doesn’t just give you content and walk away; he actually stays with you throughout your learning journey. Sometimes, he even schedules one-to-one meetings if a topic is particularly difficult.
A very important point—is the project phase. In other courses, this is often where things fall apart. But here, Osama personally supervises each group during the project stage and quickly resolves any issues that come up, so they don’t affect the rest of the team’s progress.
Even after the course ends, he continues to support you by sending updated resources and materials to help you keep learning and developing your knowledge.
In summary: the best decision I made was taking this course.

Rokaia Ahmed 🇪🇬
UI-UX Designer
Thank you, Eng. Osama El Drieny 🙏 What I had been trying to achieve in two years, I was able to reach in just two months with your guidance.

Manar Refaat 🇪🇬
UI / UX Design
If someone had told me that I would reach this level, I honestly wouldn’t have believed it. As Manar, I never imagined I would play a role that’s both like a Developer and a Designer at the same time — and even discover issues in the code and solve them!.
So, thank you so much, Osama El Drieny and Mohamed Elaref 🙏 Heavy knowledge like this, and at the same time completely new to me, is something I would have never learned on my own.

Suhail Fatani 🇸🇦
Product Designer
The Design Tokens Bootcamp is advanced — I can honestly consider it the deep web of Figma with Mr. Osama El Drieny. His teaching style is amazing; the way he explains can simplify even the most complex topics through clear presentations of the concepts.

Duaa Shehada 🇵🇸
Software Engineer
The way Eng. Osama El Drieny presents the challenges we might face while building tokens and demonstrates how to solve them is one of the best approaches to enrich scientific knowledge and build practical experience based on understanding rather than memorization 😍. Learning through hands-on experience is one of my favorite methods, as it always pushes me to keep experimenting and learning more 🤩

Amir Gaber 🇪🇬
UI UX Designer
And I’d like to say it in Eng. Osama El Drieny’s voice: “At the end of the day, my dear friend, not everything has to appear on the interface to be important”
Sometimes, the real value is behind the scenes—but it still impacts everything 👌.

Asmaa Dosuky 🇪🇬
Product Designer
Under the slogan: “A mind that never sleeps” (salute to Osama El Drieny ✋) 🚨 Everything went smoothly because the plan was crystal clear exactly the way Osama explained it! A short journey, but one that made a huge difference for me.
Especially when I understood the concept from its very roots. Thank you, Cradis, I’m grateful for every single learning moment, and thank you, Osama El Drieny, for one of the most enjoyable and light sessions I’ve ever attended!

Abdulrhman Sharif 🇸🇦
Product Designer
With Engineer Osama El Drieny, the confusion disappeared, and Tokens became a natural part of our work. Thanks Cradis, and amazing engineers for a journey that changed our perspective on design, taught us how to start right… and finish with impact

Jood Al Bukhari 🇸🇦
UI Designer
Honestly, I never expected to reach the level I’m at today. I was hesitant to start a new field, but choosing it turned out to be one of the best decisions I’ve ever made. And not just because of the results, but because of the people who made the journey easier for me.
After God, the credit goes to Engineer Mohamed Elaref and Osama El Drieny. Their clear explanations, patience, and way of simplifying complexity allowed me to learn comfortably and dive deeper with confidence—without feeling the weight of the beginning.

Nada Ashraf 🇪🇬
UI/UX Designer
The course was packed with valuable information and fresh perspectives. It was actually my first time working with code, which made the experience even more enriching and helped me understand how design and development can align more closely.
Additionally, what stood out was the final part, where we were introduced to a whole new dimension of learning, opening a window for continued skill development even after the course ends.
One of the highlights was having the opportunity
to speak with, as they say, the "father of design tokens." Marco Krenn, Hearing his thoughts and asking him questions gave us a deeper understanding and helped shift our mindset around design systems.

Samaa Samir 🇪🇬
UI/UX Designer
I really benefited a lot from this course and learned so much. It truly made a difference in my level. I learned how to apply tokens correctly, create multiple themes.
And make sure the design matches exactly on the browser. This way, I can make things much easier for developers during the handoff stage

Nevine Khder 🇪🇬
UI UX designer
The course was very well organized, and you could really see the effort put into the content. I genuinely enjoyed the sessions and looked forward to them because the instructor, Mashallah, explained everything so clearly and in such an engaging way.
He was also incredibly patient with questions, always emphasizing how important it is for us to fully understand and stay on the right track.
The practical part was also very helpful, as we worked hands-on and discovered how to properly troubleshoot issues, and how to start our work in an organized way to save time and achieve the best results.

Sara Amrousy 🇪🇬
UI/UX Designer
When I first started the Design System course and working with Figma variables, I never imagined I would reach this level in just three months, and have Eng. Osama El Drieny showcase our project!

Asmaa Dosuky 🇪🇬
Product Designer
A while ago, I started learning about Design Tokens, especially the challenges of building a system that supports multi-themes: Arabic / English – Light / Dark, with Osama El Drieny.
The recent sessions at Cradis were a real game changer. The amount of details and effort in the tasks was huge… but the result? Impressive!. I’m proud of the level I’ve reached and truly grateful to be learning from a real professional. 💥🙏

Abdulrhman Sharif 🇸🇦
Product Designer
It wasn’t that easy — we went through many challenges and obstacles. I used to repeat in Eng. Osama El Drieny’s voice: “There’s a problem” 💜😂. But thanks to God, our experience at Cradis, and the teamwork, we overcame every obstacle and managed to find solutions. It truly required deep thinking and a disciplined mindset and that’s exactly what we gained from the mentors in the bootcamp 🧠.

Sara Gomaa 🇪🇬
Instructor UI/UX designer
In the first three lectures, I had to listen to the course recording again and practice afterward. This time, the mindset that the course kept building started to really stick.
Now, I completed the task without revisiting the course, and I remember every word and detail that was said—something I used to think was just an illusion at the beginning.

Reema Almedlej 🇸🇦
UI/UX Designer
And finally, I reached the point where I could see my design working on the web exactly as I created it in Figma an indescribably joyful moment 👏

Israa Atef 🇪🇬
Senior Product Designer
A huge thank you to Osama El Drieny and Mohamed Elaref
for your continuous support and genuine commitment to helping us achieve the highest quality possible. Thank you for the guidance, follow-up, and belief in our abilities at every step of this journey with you. Your presence truly made a real difference ♥️

Salsabil Fathelbab 🇪🇬
UI&UX Designer
We started facing problems and saying: “I’m not a magician, but we’ll find the problem now and fix it.”
And it wasn’t just design problems, it was also code problems! 🙂

Rama Ayache 🇸🇦
Product Analyst
One of the best courses I’ve ever taken 👏 Wishing everyone the best of luck!

Ahmed Yakoub 🇸🇦
Art Director
I have to give very special thanks to the amazing Osama for your patience, passion, and genuine love for well-crafted solutions. Simply put… if the machine produced the fabric, you’re the one who made it run. 🙏🔥 And also to Mohamed Elaref, who oversaw this major project.

Kirollos Malek 🇪🇬
Product Designer
This course was quite useful. It helped me have important discussions with the dev teams at work. It opened my eyes to totally new terminology and ways of thinking. Most importantly, it helped me become a better designer, and collaborator to the technical teams.
Overall, Osama is the "one source of truth" for design tokens 😄 and have already recommended his material to colleagues and others in the field. Thank you for your time, effort, and great content.

Sally Abd El-Aziz 🇪🇬
Senior Product Analyst
It was very helpful for me because it opened up another way to deliver the work to the developer without modifications.
Mr. Osama’s way of explaining was simple, in addition to the practical application throughout the course and his continuous follow-up.

Aya Abdullah 🇪🇬
Senior Product Designer
Honestly, the course was very beneficial, and the sessions were extremely fruitful. A very special thanks to you, Osama, for the great effort and the clear way you delivered the information. You truly made sure that each one of us understood everything.
The explanations were very clear and simplified.
I felt that many things that used to be difficult for me before the course became much easier afterward.

Marwa Shahawy 🇫🇮
UX Designer
Course is great I only wish if we didn’t focus too much on coding or developing side as that is not main and in real world apps is not a simple way he file application.
We had about 4 or 5 sessions in development which can be reduced to 2 max and keep expanding on design I wished we could talk more about tokens studio or using Ai tools to automate the process more.

Ruba Alosaili 🇸🇦
UI Designer
I never expected that what I was most worried about would turn into what I am most proud of. Even the technical challenges we faced during implementation were not obstacles for us. We knew how to solve them, simply because we understood how the system works from the inside.
And we still repeat what we learned from Eng. Osama El Drieny: when you understand how the system works, you will always know where the problem lies and how to solve it at its source.

Eman Ramadan 🇪🇬
UX/UI designer
More important than just doing the work is doing it right 💥 The difficulty wasn’t in the steps themselves, but in the problems and errors that made the design look different in the browser 🙆. I tackled each issue one by one until I reached a point where the implementation was almost identical to the Figma design 💎 And even though it may seem complicated from a distance, understanding the process from its roots is far more valuable than just copying and memorizing what was done in the session ⚡💚

Sara Abd El Rahiem 🇸🇦
UI/UX Designer
Every time I say, “this task is fun,” the next one turns out to be even more enjoyable 👀. The idea of seeing your own design from Figma appear exactly the same on the browser is the greatest achievement for any designer—and honestly, it turned out to be surprisingly simple.
Of course, that’s thanks to Eng. Osama El Drieny, who teaches us how to follow steps that make the work easier, how to focus on every detail, and how to identify issues ourselves. That’s what I’ve reached now: I can actually pinpoint the cause of an error.

Esraa Alaa 🇪🇬
Product Designer
Good planning for Design Tokens from the start turns execution (which is usually boring, exhausting, and prone to errors) into something smooth and easy. It also helps us avoid errors that could be difficult to solve later on. We’re really lucky to have Eng. Osama in this course with Cradis.

Yazeed Baseet 🇪🇬
UI/UX Designer
Massive thank you to Osama El Drieny for pushing us to think why the problems happen instead of finding the easiest solutions and Mohamed Elaref for his guidance and feedback throughout the project.

Alaa Sileem 🇸🇦
Junior UI/UX Designer
Many thanks to Osama El Drieny and Mohamed Elaref for their invaluable guidance during this journey.
I’m really proud and grateful that our project got featured — we managed to create 4 themes and support both Arabic & English.

Ghaid Alhamwi 🇸🇾
UI/UX Designer
And with Osama El Drieny, we entered the world of design tokens, which to me used to feel like a “black hole”, but today it’s “like sugar in tea” ☕ 😉 — smooth, clear, and full of delightful details.
View 19 More Testimonials

Fateema Ashraf 🇪🇬
Product Designer
One the most influential courses I've taken in my career path, cooperative instructor & mentors and interactively helps designer to level up.
Being part of Tokens Camp honestly shifted my mindset, I didn't even realize how much I needed that. Building Figmentation Plugin was absolutely shaped by everything I learned there.
Thanks so much, Osama. Your support and encouragement really made a difference for me throughout this whole journey.

Mohamed Ashraf 🇪🇬
UX Designer
First of all, I would like to sincerely thank Osama for the amazing content of this course. Honestly, I searched a lot in both Arabic and English resources but couldn’t find anything as useful, and most of the available courses were extremely expensive. What makes this course truly unique.
Osama doesn’t just record a video to show you how to do something and leave it at that. He focuses on experiential learning: he shows you the common mistakes you might fall into first, then teaches you the correct way, so that if you ever face those mistakes in real life, you know how to handle them.
With Osama, you can ask questions anytime, and he always responds quickly during the day. He doesn’t just give you content and walk away; he actually stays with you throughout your learning journey. Sometimes, he even schedules one-to-one meetings if a topic is particularly difficult.
A very important point—is the project phase. In other courses, this is often where things fall apart. But here, Osama personally supervises each group during the project stage and quickly resolves any issues that come up, so they don’t affect the rest of the team’s progress.
Even after the course ends, he continues to support you by sending updated resources and materials to help you keep learning and developing your knowledge.
In summary: the best decision I made was taking this course.

Rokaia Ahmed 🇪🇬
UI-UX Designer
Thank you, Eng. Osama El Drieny 🙏 What I had been trying to achieve in two years, I was able to reach in just two months with your guidance.

Manar Refaat 🇪🇬
UI / UX Design
If someone had told me that I would reach this level, I honestly wouldn’t have believed it. As Manar, I never imagined I would play a role that’s both like a Developer and a Designer at the same time — and even discover issues in the code and solve them!.
So, thank you so much, Osama El Drieny and Mohamed Elaref 🙏 Heavy knowledge like this, and at the same time completely new to me, is something I would have never learned on my own.

Suhail Fatani 🇸🇦
Product Designer
The Design Tokens Bootcamp is advanced — I can honestly consider it the deep web of Figma with Mr. Osama El Drieny. His teaching style is amazing; the way he explains can simplify even the most complex topics through clear presentations of the concepts.

Duaa Shehada 🇵🇸
Software Engineer
The way Eng. Osama El Drieny presents the challenges we might face while building tokens and demonstrates how to solve them is one of the best approaches to enrich scientific knowledge and build practical experience based on understanding rather than memorization 😍. Learning through hands-on experience is one of my favorite methods, as it always pushes me to keep experimenting and learning more 🤩

Amir Gaber 🇪🇬
UI UX Designer
And I’d like to say it in Eng. Osama El Drieny’s voice: “At the end of the day, my dear friend, not everything has to appear on the interface to be important”
Sometimes, the real value is behind the scenes—but it still impacts everything 👌.

Asmaa Dosuky 🇪🇬
Product Designer
Under the slogan: “A mind that never sleeps” (salute to Osama El Drieny ✋) 🚨 Everything went smoothly because the plan was crystal clear exactly the way Osama explained it! A short journey, but one that made a huge difference for me.
Especially when I understood the concept from its very roots. Thank you, Cradis, I’m grateful for every single learning moment, and thank you, Osama El Drieny, for one of the most enjoyable and light sessions I’ve ever attended!

Abdulrhman Sharif 🇸🇦
Product Designer
With Engineer Osama El Drieny, the confusion disappeared, and Tokens became a natural part of our work. Thanks Cradis, and amazing engineers for a journey that changed our perspective on design, taught us how to start right… and finish with impact

Jood Al Bukhari 🇸🇦
UI Designer
Honestly, I never expected to reach the level I’m at today. I was hesitant to start a new field, but choosing it turned out to be one of the best decisions I’ve ever made. And not just because of the results, but because of the people who made the journey easier for me.
After God, the credit goes to Engineer Mohamed Elaref and Osama El Drieny. Their clear explanations, patience, and way of simplifying complexity allowed me to learn comfortably and dive deeper with confidence—without feeling the weight of the beginning.

Eman Ramadan 🇪🇬
UX/UI designer
More important than just doing the work is doing it right 💥 The difficulty wasn’t in the steps themselves, but in the problems and errors that made the design look different in the browser 🙆. I tackled each issue one by one until I reached a point where the implementation was almost identical to the Figma design 💎 And even though it may seem complicated from a distance, understanding the process from its roots is far more valuable than just copying and memorizing what was done in the session ⚡💚

Sara Abd El Rahiem 🇸🇦
UI/UX Designer
Every time I say, “this task is fun,” the next one turns out to be even more enjoyable 👀. The idea of seeing your own design from Figma appear exactly the same on the browser is the greatest achievement for any designer—and honestly, it turned out to be surprisingly simple.
Of course, that’s thanks to Eng. Osama El Drieny, who teaches us how to follow steps that make the work easier, how to focus on every detail, and how to identify issues ourselves. That’s what I’ve reached now: I can actually pinpoint the cause of an error.

Esraa Alaa 🇪🇬
Product Designer
Good planning for Design Tokens from the start turns execution (which is usually boring, exhausting, and prone to errors) into something smooth and easy. It also helps us avoid errors that could be difficult to solve later on. We’re really lucky to have Eng. Osama in this course with Cradis.

Yazeed Baseet 🇪🇬
UI/UX Designer
Massive thank you to Osama El Drieny for pushing us to think why the problems happen instead of finding the easiest solutions and Mohamed Elaref for his guidance and feedback throughout the project.

Alaa Sileem 🇸🇦
Junior UI/UX Designer
Many thanks to Osama El Drieny and Mohamed Elaref for their invaluable guidance during this journey.
I’m really proud and grateful that our project got featured — we managed to create 4 themes and support both Arabic & English.

Ghaid Alhamwi 🇸🇾
UI/UX Designer
And with Osama El Drieny, we entered the world of design tokens, which to me used to feel like a “black hole”, but today it’s “like sugar in tea” ☕ 😉 — smooth, clear, and full of delightful details.

Sara Amrousy 🇪🇬
UI/UX Designer
When I first started the Design System course and working with Figma variables, I never imagined I would reach this level in just three months, and have Eng. Osama El Drieny showcase our project!

Asmaa Dosuky 🇪🇬
Product Designer
A while ago, I started learning about Design Tokens, especially the challenges of building a system that supports multi-themes: Arabic / English – Light / Dark, with Osama El Drieny.
The recent sessions at Cradis were a real game changer. The amount of details and effort in the tasks was huge… but the result? Impressive!. I’m proud of the level I’ve reached and truly grateful to be learning from a real professional. 💥🙏

Abdulrhman Sharif 🇸🇦
Product Designer
It wasn’t that easy — we went through many challenges and obstacles. I used to repeat in Eng. Osama El Drieny’s voice: “There’s a problem” 💜😂. But thanks to God, our experience at Cradis, and the teamwork, we overcame every obstacle and managed to find solutions. It truly required deep thinking and a disciplined mindset and that’s exactly what we gained from the mentors in the bootcamp 🧠.

Sara Gomaa 🇪🇬
Instructor UI/UX designer
In the first three lectures, I had to listen to the course recording again and practice afterward. This time, the mindset that the course kept building started to really stick.
Now, I completed the task without revisiting the course, and I remember every word and detail that was said—something I used to think was just an illusion at the beginning.

Reema Almedlej 🇸🇦
UI/UX Designer
And finally, I reached the point where I could see my design working on the web exactly as I created it in Figma an indescribably joyful moment 👏

Israa Atef 🇪🇬
Senior Product Designer
A huge thank you to Osama El Drieny and Mohamed Elaref
for your continuous support and genuine commitment to helping us achieve the highest quality possible. Thank you for the guidance, follow-up, and belief in our abilities at every step of this journey with you. Your presence truly made a real difference ♥️

Salsabil Fathelbab 🇪🇬
UI&UX Designer
We started facing problems and saying: “I’m not a magician, but we’ll find the problem now and fix it.”
And it wasn’t just design problems, it was also code problems! 🙂

Rama Ayache 🇸🇦
Product Analyst
One of the best courses I’ve ever taken 👏 Wishing everyone the best of luck!

Ahmed Yakoub 🇸🇦
Art Director
I have to give very special thanks to the amazing Osama for your patience, passion, and genuine love for well-crafted solutions. Simply put… if the machine produced the fabric, you’re the one who made it run. 🙏🔥 And also to Mohamed Elaref, who oversaw this major project.

Ruba Alosaili 🇸🇦
UI Designer
I never expected that what I was most worried about would turn into what I am most proud of. Even the technical challenges we faced during implementation were not obstacles for us. We knew how to solve them, simply because we understood how the system works from the inside.
And we still repeat what we learned from Eng. Osama El Drieny: when you understand how the system works, you will always know where the problem lies and how to solve it at its source.

Nada Ashraf 🇪🇬
UI/UX Designer
The course was packed with valuable information and fresh perspectives. It was actually my first time working with code, which made the experience even more enriching and helped me understand how design and development can align more closely.
Additionally, what stood out was the final part, where we were introduced to a whole new dimension of learning, opening a window for continued skill development even after the course ends.
One of the highlights was having the opportunity
to speak with, as they say, the "father of design tokens." Marco Krenn, Hearing his thoughts and asking him questions gave us a deeper understanding and helped shift our mindset around design systems.

Samaa Samir 🇪🇬
UI/UX Designer
I really benefited a lot from this course and learned so much. It truly made a difference in my level. I learned how to apply tokens correctly, create multiple themes.
And make sure the design matches exactly on the browser. This way, I can make things much easier for developers during the handoff stage

Kirollos Malek 🇪🇬
Product Designer
This course was quite useful. It helped me have important discussions with the dev teams at work. It opened my eyes to totally new terminology and ways of thinking. Most importantly, it helped me become a better designer, and collaborator to the technical teams.
Overall, Osama is the "one source of truth" for design tokens 😄 and have already recommended his material to colleagues and others in the field. Thank you for your time, effort, and great content.

Sally Abd El-Aziz 🇪🇬
Senior Product Analyst
It was very helpful for me because it opened up another way to deliver the work to the developer without modifications.
Mr. Osama’s way of explaining was simple, in addition to the practical application throughout the course and his continuous follow-up.

Aya Abdullah 🇪🇬
Senior Product Designer
Honestly, the course was very beneficial, and the sessions were extremely fruitful. A very special thanks to you, Osama, for the great effort and the clear way you delivered the information. You truly made sure that each one of us understood everything.
The explanations were very clear and simplified.
I felt that many things that used to be difficult for me before the course became much easier afterward.

Marwa Shahawy 🇫🇮
UX Designer
Course is great I only wish if we didn’t focus too much on coding or developing side as that is not main and in real world apps is not a simple way he file application.
We had about 4 or 5 sessions in development which can be reduced to 2 max and keep expanding on design I wished we could talk more about tokens studio or using Ai tools to automate the process more.

Nevine Khder 🇪🇬
UI UX designer
The course was very well organized, and you could really see the effort put into the content. I genuinely enjoyed the sessions and looked forward to them because the instructor, Mashallah, explained everything so clearly and in such an engaging way.
He was also incredibly patient with questions, always emphasizing how important it is for us to fully understand and stay on the right track.
The practical part was also very helpful, as we worked hands-on and discovered how to properly troubleshoot issues, and how to start our work in an organized way to save time and achieve the best results.
View More

Fateema Ashraf 🇪🇬
Product Designer
One the most influential courses I've taken in my career path, cooperative instructor & mentors and interactively helps designer to level up.
Being part of Tokens Camp honestly shifted my mindset, I didn't even realize how much I needed that. Building Figmentation Plugin was absolutely shaped by everything I learned there.
Thanks so much, Osama. Your support and encouragement really made a difference for me throughout this whole journey.

Mohamed Ashraf 🇪🇬
UX Designer
First of all, I would like to sincerely thank Osama for the amazing content of this course. Honestly, I searched a lot in both Arabic and English resources but couldn’t find anything as useful, and most of the available courses were extremely expensive. What makes this course truly unique.
Osama doesn’t just record a video to show you how to do something and leave it at that. He focuses on experiential learning: he shows you the common mistakes you might fall into first, then teaches you the correct way, so that if you ever face those mistakes in real life, you know how to handle them.
With Osama, you can ask questions anytime, and he always responds quickly during the day. He doesn’t just give you content and walk away; he actually stays with you throughout your learning journey. Sometimes, he even schedules one-to-one meetings if a topic is particularly difficult.
A very important point—is the project phase. In other courses, this is often where things fall apart. But here, Osama personally supervises each group during the project stage and quickly resolves any issues that come up, so they don’t affect the rest of the team’s progress.
Even after the course ends, he continues to support you by sending updated resources and materials to help you keep learning and developing your knowledge.
In summary: the best decision I made was taking this course.

Rokaia Ahmed 🇪🇬
UI-UX Designer
Thank you, Eng. Osama El Drieny 🙏 What I had been trying to achieve in two years, I was able to reach in just two months with your guidance.

Manar Refaat 🇪🇬
UI / UX Design
If someone had told me that I would reach this level, I honestly wouldn’t have believed it. As Manar, I never imagined I would play a role that’s both like a Developer and a Designer at the same time — and even discover issues in the code and solve them!.
So, thank you so much, Osama El Drieny and Mohamed Elaref 🙏 Heavy knowledge like this, and at the same time completely new to me, is something I would have never learned on my own.

Suhail Fatani 🇸🇦
Product Designer
The Design Tokens Bootcamp is advanced — I can honestly consider it the deep web of Figma with Mr. Osama El Drieny. His teaching style is amazing; the way he explains can simplify even the most complex topics through clear presentations of the concepts.

Duaa Shehada 🇵🇸
Software Engineer
The way Eng. Osama El Drieny presents the challenges we might face while building tokens and demonstrates how to solve them is one of the best approaches to enrich scientific knowledge and build practical experience based on understanding rather than memorization 😍. Learning through hands-on experience is one of my favorite methods, as it always pushes me to keep experimenting and learning more 🤩

Amir Gaber 🇪🇬
UI UX Designer
And I’d like to say it in Eng. Osama El Drieny’s voice: “At the end of the day, my dear friend, not everything has to appear on the interface to be important”
Sometimes, the real value is behind the scenes—but it still impacts everything 👌.

Asmaa Dosuky 🇪🇬
Product Designer
Under the slogan: “A mind that never sleeps” (salute to Osama El Drieny ✋) 🚨 Everything went smoothly because the plan was crystal clear exactly the way Osama explained it! A short journey, but one that made a huge difference for me.
Especially when I understood the concept from its very roots. Thank you, Cradis, I’m grateful for every single learning moment, and thank you, Osama El Drieny, for one of the most enjoyable and light sessions I’ve ever attended!

Abdulrhman Sharif 🇸🇦
Product Designer
With Engineer Osama El Drieny, the confusion disappeared, and Tokens became a natural part of our work. Thanks Cradis, and amazing engineers for a journey that changed our perspective on design, taught us how to start right… and finish with impact

Jood Al Bukhari 🇸🇦
UI Designer
Honestly, I never expected to reach the level I’m at today. I was hesitant to start a new field, but choosing it turned out to be one of the best decisions I’ve ever made. And not just because of the results, but because of the people who made the journey easier for me.
After God, the credit goes to Engineer Mohamed Elaref and Osama El Drieny. Their clear explanations, patience, and way of simplifying complexity allowed me to learn comfortably and dive deeper with confidence—without feeling the weight of the beginning.

Eman Ramadan 🇪🇬
UX/UI designer
More important than just doing the work is doing it right 💥 The difficulty wasn’t in the steps themselves, but in the problems and errors that made the design look different in the browser 🙆. I tackled each issue one by one until I reached a point where the implementation was almost identical to the Figma design 💎 And even though it may seem complicated from a distance, understanding the process from its roots is far more valuable than just copying and memorizing what was done in the session ⚡💚

Sara Abd El Rahiem 🇸🇦
UI/UX Designer
Every time I say, “this task is fun,” the next one turns out to be even more enjoyable 👀. The idea of seeing your own design from Figma appear exactly the same on the browser is the greatest achievement for any designer—and honestly, it turned out to be surprisingly simple.
Of course, that’s thanks to Eng. Osama El Drieny, who teaches us how to follow steps that make the work easier, how to focus on every detail, and how to identify issues ourselves. That’s what I’ve reached now: I can actually pinpoint the cause of an error.

Esraa Alaa 🇪🇬
Product Designer
Good planning for Design Tokens from the start turns execution (which is usually boring, exhausting, and prone to errors) into something smooth and easy. It also helps us avoid errors that could be difficult to solve later on. We’re really lucky to have Eng. Osama in this course with Cradis.

Yazeed Baseet 🇪🇬
UI/UX Designer
Massive thank you to Osama El Drieny for pushing us to think why the problems happen instead of finding the easiest solutions and Mohamed Elaref for his guidance and feedback throughout the project.

Alaa Sileem 🇸🇦
Junior UI/UX Designer
Many thanks to Osama El Drieny and Mohamed Elaref for their invaluable guidance during this journey.
I’m really proud and grateful that our project got featured — we managed to create 4 themes and support both Arabic & English.

Ghaid Alhamwi 🇸🇾
UI/UX Designer
And with Osama El Drieny, we entered the world of design tokens, which to me used to feel like a “black hole”, but today it’s “like sugar in tea” ☕ 😉 — smooth, clear, and full of delightful details.

Nada Ashraf 🇪🇬
UI/UX Designer
The course was packed with valuable information and fresh perspectives. It was actually my first time working with code, which made the experience even more enriching and helped me understand how design and development can align more closely.
Additionally, what stood out was the final part, where we were introduced to a whole new dimension of learning, opening a window for continued skill development even after the course ends.
One of the highlights was having the opportunity
to speak with, as they say, the "father of design tokens." Marco Krenn, Hearing his thoughts and asking him questions gave us a deeper understanding and helped shift our mindset around design systems.

Samaa Samir 🇪🇬
UI/UX Designer
I really benefited a lot from this course and learned so much. It truly made a difference in my level. I learned how to apply tokens correctly, create multiple themes.
And make sure the design matches exactly on the browser. This way, I can make things much easier for developers during the handoff stage

Nevine Khder 🇪🇬
UI UX designer
The course was very well organized, and you could really see the effort put into the content. I genuinely enjoyed the sessions and looked forward to them because the instructor, Mashallah, explained everything so clearly and in such an engaging way.
He was also incredibly patient with questions, always emphasizing how important it is for us to fully understand and stay on the right track.
The practical part was also very helpful, as we worked hands-on and discovered how to properly troubleshoot issues, and how to start our work in an organized way to save time and achieve the best results.

Sara Amrousy 🇪🇬
UI/UX Designer
When I first started the Design System course and working with Figma variables, I never imagined I would reach this level in just three months, and have Eng. Osama El Drieny showcase our project!

Asmaa Dosuky 🇪🇬
Product Designer
A while ago, I started learning about Design Tokens, especially the challenges of building a system that supports multi-themes: Arabic / English – Light / Dark, with Osama El Drieny.
The recent sessions at Cradis were a real game changer. The amount of details and effort in the tasks was huge… but the result? Impressive!. I’m proud of the level I’ve reached and truly grateful to be learning from a real professional. 💥🙏

Abdulrhman Sharif 🇸🇦
Product Designer
It wasn’t that easy — we went through many challenges and obstacles. I used to repeat in Eng. Osama El Drieny’s voice: “There’s a problem” 💜😂. But thanks to God, our experience at Cradis, and the teamwork, we overcame every obstacle and managed to find solutions. It truly required deep thinking and a disciplined mindset and that’s exactly what we gained from the mentors in the bootcamp 🧠.

Sara Gomaa 🇪🇬
Instructor UI/UX designer
In the first three lectures, I had to listen to the course recording again and practice afterward. This time, the mindset that the course kept building started to really stick.
Now, I completed the task without revisiting the course, and I remember every word and detail that was said—something I used to think was just an illusion at the beginning.

Reema Almedlej 🇸🇦
UI/UX Designer
And finally, I reached the point where I could see my design working on the web exactly as I created it in Figma an indescribably joyful moment 👏

Israa Atef 🇪🇬
Senior Product Designer
A huge thank you to Osama El Drieny and Mohamed Elaref
for your continuous support and genuine commitment to helping us achieve the highest quality possible. Thank you for the guidance, follow-up, and belief in our abilities at every step of this journey with you. Your presence truly made a real difference ♥️

Salsabil Fathelbab 🇪🇬
UI&UX Designer
We started facing problems and saying: “I’m not a magician, but we’ll find the problem now and fix it.”
And it wasn’t just design problems, it was also code problems! 🙂

Rama Ayache 🇸🇦
Product Analyst
One of the best courses I’ve ever taken 👏 Wishing everyone the best of luck!

Ahmed Yakoub 🇸🇦
Art Director
I have to give very special thanks to the amazing Osama for your patience, passion, and genuine love for well-crafted solutions. Simply put… if the machine produced the fabric, you’re the one who made it run. 🙏🔥 And also to Mohamed Elaref, who oversaw this major project.

Kirollos Malek 🇪🇬
Product Designer
This course was quite useful. It helped me have important discussions with the dev teams at work. It opened my eyes to totally new terminology and ways of thinking. Most importantly, it helped me become a better designer, and collaborator to the technical teams.
Overall, Osama is the "one source of truth" for design tokens 😄 and have already recommended his material to colleagues and others in the field. Thank you for your time, effort, and great content.

Sally Abd El-Aziz 🇪🇬
Senior Product Analyst
It was very helpful for me because it opened up another way to deliver the work to the developer without modifications.
Mr. Osama’s way of explaining was simple, in addition to the practical application throughout the course and his continuous follow-up.

Aya Abdullah 🇪🇬
Senior Product Designer
Honestly, the course was very beneficial, and the sessions were extremely fruitful. A very special thanks to you, Osama, for the great effort and the clear way you delivered the information. You truly made sure that each one of us understood everything.
The explanations were very clear and simplified.
I felt that many things that used to be difficult for me before the course became much easier afterward.

Marwa Shahawy 🇫🇮
UX Designer
Course is great I only wish if we didn’t focus too much on coding or developing side as that is not main and in real world apps is not a simple way he file application.
We had about 4 or 5 sessions in development which can be reduced to 2 max and keep expanding on design I wished we could talk more about tokens studio or using Ai tools to automate the process more.

Ruba Alosaili 🇸🇦
UI Designer
I never expected that what I was most worried about would turn into what I am most proud of. Even the technical challenges we faced during implementation were not obstacles for us. We knew how to solve them, simply because we understood how the system works from the inside.
And we still repeat what we learned from Eng. Osama El Drieny: when you understand how the system works, you will always know where the problem lies and how to solve it at its source.
View 19 More Testimonials