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
3.99 (929 reviews)
Udemy
platform
English
language
User Experience
category
Building Design System in Figma from Scratch - UI UX Mastery
4 959
students
5.5 hours
content
Dec 2022
last update
$69.99
regular price

What you will 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

Course Gallery

Building Design System in Figma from Scratch - UI UX Mastery – Screenshot 1
Screenshot 1Building Design System in Figma from Scratch - UI UX Mastery
Building Design System in Figma from Scratch - UI UX Mastery – Screenshot 2
Screenshot 2Building Design System in Figma from Scratch - UI UX Mastery
Building Design System in Figma from Scratch - UI UX Mastery – Screenshot 3
Screenshot 3Building Design System in Figma from Scratch - UI UX Mastery
Building Design System in Figma from Scratch - UI UX Mastery – Screenshot 4
Screenshot 4Building Design System in Figma from Scratch - UI UX Mastery

Charts

Students
Price
Rating & Reviews
Enrollment Distribution

Comidoc Review

Our Verdict

Though there are areas for improvement such as updating outdated content and enhancing the overall structure, this course is an excellent starting point for building foundational knowledge in Figma and Design Systems. It offers valuable insights into real-world examples and caters effectively to beginners seeking fundamental design system understanding and practical application with Figma tools. However, advanced users may want to explore other resources that dive deeper into specific topics beyond this introductory material.

What We Liked

  • The course provides a comprehensive introduction to design systems and their importance in product design, making it an ideal starting point for beginners.
  • The second part of the course offers a hands-on tutorial on working with Figma and creating design components.
  • Real-world examples and case studies are employed to facilitate better understanding and application of taught concepts.
  • Content is well-structured, allowing learners to move at their own pace while grasping fundamental design system concepts and Figma techniques.

Potential Drawbacks

  • Some advanced users may find the content superficial or introductory; this course emphasizes foundational knowledge.
  • A few videos contain outdated information, specifically in regard to Figma's latest features and updates since the class creation.
  • The course occasionally lacks clear structure, becoming more of a 'watching someone work in Figma' type experience with less focus on hands-on practice.
  • Some learners might desire additional specificity regarding design principles, purpose statements, and their applications within Figma.
4521802
udemy ID
29/01/2022
course created date
04/02/2022
course indexed date
Bot
course submited by