Design Systems 101
A hands-on, 72‑module, 10+ hour course that gets you started on everything you need to know to get a design system’s design and code up and running.
What you'll learn
- Learn the foundations of modern design systems and their value to organizations
- Work through 72 lessons covering both design and code aspects of a system
- Build and prepare a design system from scratch, including a capstone project
- Use tools like Figma and other software in a design-system workflow
Skills you'll gain
- Understand why design systems are essential for organizations of all sizes
- Explain and demonstrate the value of design systems to stakeholders
- Get a design system’s design and code up and running from scratch
- Use Figma and other tools effectively in a design system workflow
- Complete a capstone project that applies course concepts end to end
Prerequisites
- • Basic familiarity with digital product design concepts
- • Willingness to use tools like Figma and related design software
Who this course is for
- → Designers building their career who want a competitive edge in today’s job market
- → Designers working with or joining design system teams in product organizations
- → People who want to learn both the design and code sides of design systems
Provider
Design System University
Related Courses
Python Bootcamp
Python Bootcamp covers fundamentals of Python programming, including control structures, advanced data types, functions, modules, packages, multithreading, exception handling, file handling, GUI design, and database connectivity, preparing learners for future work in data science and machine learning.
Systems Engineering
This course introduces Systems Engineering principles across the lifecycle of complex systems, covering system design, architecture, requirements analysis, modeling, verification, lifecycle models (Waterfall, V-Model, Spiral, Agile), SysML, risk management, trade-off analysis, and a Smart Home Security System project.
IT Systems Design and Analysis
Prepare to design, analyze, and evaluate IT systems using data flow diagrams, ERDs, UML, and feasibility analysis. Learn to assess existing systems, identify inefficiencies, compare solution alternatives, and deliver a digital transformation strategy through a hands-on final project.
Hands On FullStack Development Course with Infrastructure Management Product implementation
A 180-day, project-first full-stack infrastructure course where you build and operate production-grade services with CI/CD, testing, observability, and operational playbooks, aimed at taking you from toy projects to real-world deployment experience.
Learn Typescript
Hands-on introduction to TypeScript fundamentals and their application in real projects. Learn core typing concepts, advanced TypeScript features, and how to use TypeScript with React and Express while building safer, more maintainable JavaScript applications.
AI Engineering Course
Designed to help software engineers transition to AI engineering, with detailed breakdowns of vector databases, indexing, large language models, attention, and core optimizations so you can understand how LLMs work and use them to build real-world applications.