Building Design System in Figma from Scratch - UI UX Mastery

Step by Step guide about how to create all parts of Design System using Figma - Design Principles, Tokens and theming

   Watch Promo

If you are UI UX Designer and not using a Design System while designing, then you get outdated in a few years. Boost your design game to PRO LEVEL with this Design System with Figma Class. This class will help you step by step and will teach you practical examples of how to start creating a Design System. What are the 7 steps you need to take to create a Design System? How you are going to bring your design, development, marketing teams, and managers together to create design principles.

In this class, you will learn all the theories with practical examples about the Design Systems, their components, benefits, and outputs.

You will learn about

  • Design Principles and how to make them
  • Purpose Statement in Design System
  • Design first or create a Design System first
  • Tokens, Values and how to use theming dark and light in Design System
  • Generate Color System with color scales and color styles
  • Create Typography system with Type Scales and Styles
  • Icon System, Grids, and Layout System
  • Buttons, Chips, and Info bars with Swappable Icons
  • Advance usage of Auto layout, Components, and Variants in Figma
  • See how we use the Spacing System in Figma
  • Usage of Emojis and creating Hyperlinks inside Figma pages/files

5 Assignments for you to practice and show me your Design System using Figma file links

So let's learn Pro-Level Figma skills to create a design system and get your dream job as a UX UI Designer


Your Instructor


Muhammad Ahsan
Muhammad Ahsan

I started my Freelance Design Career 10+ years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca Cola.

I love to simplify things about UX and UI Design when I teach to make it easier for my students

Working with Art Directors from Coca Cola and Project Managers from UK, I learned a lot in short period of time.

Improved User Experience of UK GP Tools Mobile App, few Games and e-commerce websites and created new Design patterns for showing passwords safely in password fields

Worked from App Icon Design to App UI Design, from wire-frames, prototypes and Mockups Design. I have a hunger of perfecting User Interface from all aspects
I am multi-talented person who have won One Gold Medal, won a nation-wide Poster Design competition from PANASONIC and won many Landing Page design contests on 99designs.

Worked with Clients all over the world mostly from USA, Australia, UK, and United Arab Emirates while learning a lot on how to deal with clients while freelancing and how to present your work to them

My ultimate aim is to make more Awesome UI Designers and ease the pain of learning from new comers in this field of UI Design


Course Curriculum


  Intro to Design System
Available in days
days after you enroll
  Parts of Design System
Available in days
days after you enroll
  Designing your First Design System in Figma
Available in days
days after you enroll

Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Get started now!