Bridge the gap between design and development by learning how you can use Style Guide Driven Development in your workflow, from design to implementation.
9 Lessons • 20 Minutes
Learn how you can use Style Guide Driven Development in your development workflow. We will drill down into the different parts of the process, along with examples and compelling arguments to get you and your team on board.
7 Lessons • 18 Minutes
Explore the concepts of modular design and their application to user interface design. We will also delve into how you can create designs in a modular way and how you can use a living style guide to aide the process.
6 Lessons • 16 Minutes
In this course, you’ll learn all about planning a living style guide, what you should include as well as pitfalls to avoid. You will learn how to create pages and documen stylesheets using the open source tool: DocumentCSS.
Style Guide Driven Development is an approach that puts a living style guide at the center of both the design and development process. The goal is to create a design system that establishes a starting point for designs, evolves with the application, and makes development faster.
Creating a flexible UI system that is consistent and easy to customize,
while also scalable and cost-efficient, depends not only on how it is
built, but on how it is designed.
Learn how you can design in a modular way and start thinking user interfaces
and user experiences in patterns.