When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

Creating a multi-brand design system using Design Tokens, Auto Layout and applying Atomic Design

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon55 mintues
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Creating a multi-brand design system using Design Tokens, Auto Layout and applying Atomic Design

Introduction

Multi brand Defining and creating our token variablesDefining and creating our token variables

Creating our components using Atomic Design

Typography

Icons

Buttons

Metadata

Applying structure

Creating multi-brand token sets

What You Will Learn?

  • During this course, I will be going through the fundamentals when creating a design system from scratch using design tokens. .
  • We will be going through the works of defining and creating our token variables, creating our actual components and categorising them using Atomic Design principles. After having created our first brand, we will be duplicating and creating our second branded token-set so that we will be able to switch between the two..
  • You can follow along with this course step by step by downloading the course Figma file where each episode will have a new page that you can access to instantly start playing around with your very own design tokens..
  • Within this project you will be learning how to:.
  • How to use the project files:.