Udemy - Design Tokens 101 by Osama ElDrieny

A beginner-friendly guide to Design Tokens for designers and developers
What you'll learn
Understand the Relationship Between Design Systems and Design Tokens
Differentiate Between Design Tokens and Variables
Comprehend the Design Tokens Process
Master Design Token Essentials
Develop Effective Naming Conventions
Requirements
No programming experience needed. You will learn everything you need to know
Description
This introductory course is designed to provide you with a solid understanding of Design Tokens and their role in creating consistent, scalable design systems. You'll begin by exploring the fundamental relationship between Design Systems and Design Tokens, understanding how tokens serve as the building blocks for a cohesive and unified design language. The course also covers the key differences between Design Tokens and Variables, helping you grasp how they work together and complement each other in modern design workflows.In addition, you'll learn about the best tools for managing and implementing Design Tokens across various design tools, ensuring seamless integration with your projects. The course will guide you through the entire Design Token process, from creation to implementation, so you can efficiently build and maintain a token-based system.You'll also dive into naming conventions-the best practices for structuring token names for clarity and consistency-and explore token levels, which organize tokens based on their scope, such as global or component-specific. This ensures that you can apply tokens flexibly and effectively across your designs.Whether you're a designer or a front-end developer, this course is perfect for anyone looking to enhance their design workflows, improve collaboration between teams, and create scalable design systems using Design Tokens.
Who this course is for
This course is for designers and front-end developers of all levels, from beginners to experts, looking to enhance design consistency, streamline workflows, and improve collaboration
Homepage: