Become Atomic Design Certified

$50

Learn how to put Atomic Design into practice with the creator of it, Brad Frost. This course contains hours of video lessons, best practices, resources, and links to help you become a certified Atomic Design practitioner.
Enroll

Course curriculum

    1. 👋 Hello there, preorder friend!

    2. So...Is Atomic Design Dead?

    3. Design Systems Resources

    4. Download the Atomic Design Ebook

    1. Introduction

    2. Design Systems At A Glance

    3. Design System Ingredients

    4. Importance of Atomic Design

    5. About Brad Frost

    6. Who This Course Is For

    7. Course Structure

    8. What To Expect

    1. Chapter Overview

    2. The Challenges of MORE

    3. The Page Metaphor in the Digital Age

    4. Modularize All The Things

    5. Design System Definition

    6. Product Consistency and Cohesion

    7. Speed and Efficiency

    8. Quality at Scale

    9. Baked In Best Practices

    10. A Shared Vocabulary

    11. A Useful Reference

    12. Future-friendly Foundation

    13. Building Blocks for AI Innovation

    14. Mucho Benefits, Mucho Value

    15. The Anatomy of a Design System

    16. UI Standards Live In A Design System

    17. UI Standards As Guidelines

    18. The Three-Legged Stool of Design System Assets

    19. UI Design Libraries

    20. Code Is The Design System Source of Truth

    21. Design System Documentation

    22. Design Systems Are People!

    23.   Healthy Processes For Healthy Systems

    24.   Your Design System Only Needs To Be As Complex As It Needs To Be

    25. Forces Working Against Design Systems Efforts

    26. Time Issues

    27. Money Issues

    28. People Issues

    29. Technology Issues

    30. Infrastructure Requires Time, Money, People, and Resources

    31. Imbalanced Systems

    32. Chapter 1 Review

    33. Next Steps, Activities, and Homework

    1. Chapter 2 Overview

    2. Components Have Changed The World

    3. The Rise of UI Components

    4. Taking Inspiration From Chemistry

    5. Introducing The Atomic Design Methodology

    6. Atomic Design Creates Connected Design Systems

    7. Atomic Design As Buzzword

    8. Misconception #1: You MUST Use Atomic Design Language

    9. Misconception #2: You Need To Obsess Over Component Categorization

    10. Misconception #3: You Must Structure Design & Code Using Atomic Design

    11. Misconception #4: Only Atomic Components Live In A Core Design System

    12. Component Cut-Up Exercise

    13. Chapter 2 Review

    14. Next Steps, Activities, and Homework

    1. Chapter 3 Overview

    2. Introducing the Design System Ecosystem

    3. Core Design System Overview

    4. Introduction to Design Tokens

    5. Separating Structure and Style To Create Themeable Design Systems

    6. Token Properties and Architecture

    7. Icons: Design Systems' Mullet

    8. Core Design System Component Assets

    9. Creating Design Systems in Figma Intro

    10. 1-minute Crash Course on Creating Design Systems in Figma

    11. Level 1: Static Designs

    12. Level 2: Some Components

    13. Level 3: Full Components

    14. Creating Component Variants

    15. Level 3: Completed Component Conversion

    16. Level 4: Introducing Design Tokens

    17. Expanding Design Tokens

    18. Implementing a Three-Tiered Token System

    19. Creating Themes with Figma Variable Modes

    20. Level 5: Documentation

    21. Documenting Components in Figma

    22. Documenting Design Tokens in Figma

    23. Level 5: Documentation Wrap-Up

    24. Level 6: Design System Distribution

    25. Creating a Figma Team Library

    26. Creating a Design Tokens Team Library

    27. Updating Team Libraries

    28. Design Systems in Design Tools Considerations

About this course

  • $50.00
  • 87 lessons
  • 4 hours of video content