Building Design System in Figma from Scratch – UI UX Mastery

- 82%

0
Certificate

Paid

Language

Level

Beginner

Last updated on April 23, 2025 5:13 am

Boost your design game to PRO LEVEL with this Figma Design System course. Learn the 7 steps to create a Design System and bring your teams together. Perfect for UI/UX designers, web developers, and graphic designers. Get your dream job now!

Add your review

What you’ll learn

  • Build your first Design system in Figma from scratch
  • Design Principles + Purpose statement of your Design System
  • Build Color System, Typography System, Layout/Grids and a lot more
  • Create Buttons +Forms with their states along with Bigger Components
  • Advance usage of Swap-able Components, Icons inside buttons and form

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

Who this course is for:

  • UI Designer
  • UX Designer
  • Web Developer
  • Web Designer
  • Graphic Designer
  • Product Managers

User Reviews

0.0 out of 5
0
0
0
0
0
Write a review

There are no reviews yet.

Be the first to review “Building Design System in Figma from Scratch – UI UX Mastery”

×

    Your Email (required)

    Report this page
    Building Design System in Figma from Scratch – UI UX Mastery
    Building Design System in Figma from Scratch – UI UX Mastery
    LiveTalent.org
    Logo
    LiveTalent.org
    Privacy Overview

    This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.