Disclosure: when you buy through links on our site, we may earn an affiliate commission.

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
0.0
0.0/5
(0 reviews)
41 students
Created by

9.7

CourseMarks Score®

10.0

Freshness

N/A

Feedback

9.0

Content

Platform: Udemy
Video: 5h 17m
Language: English
Next start: On Demand

Top Figma courses:

Detailed Analysis

CourseMarks Score®

9.7 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness Score

10.0 / 10
This course was last updated on 1/2022.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Student Feedback

We analyzed factors such as the rating (0.0/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Content Score

9.0 / 10
Video Score: 8.4 / 10
The course includes 5h 17m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
Detail Score: 9.2 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 9.5 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

2 articles.
0 resource.
0 exercise.
0 test.

Table of contents

Description

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

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

Requirements

• Basics of using Figma App

This course is for

• UI Designer
• UX Designer
• Web Developer
• Web Designer
• Graphic Designer

How much does the Building Design System in Figma from Scratch - UI UX Mastery course cost? Is it worth it?

The course costs $12.99. And currently there is a 85% discount on the original price of the course, which was $84.99. So you save $72 if you enroll the course now.

Does the Building Design System in Figma from Scratch - UI UX Mastery course have a money back guarantee or refund policy?

YES, Building Design System in Figma from Scratch – UI UX Mastery has a 30-day money back guarantee. The 30-day refund policy is designed to allow students to study without risk.

Are there any SCHOLARSHIPS for this course?

Currently we could not find a scholarship for the Building Design System in Figma from Scratch - UI UX Mastery course, but there is a $72 discount from the original price ($84.99). So the current price is just $12.99.

Who is the instructor? Is Muhammad Ahsan Pervaiz a SCAM or a TRUSTED instructor?

Muhammad Ahsan Pervaiz has created 17 courses that got 5,643 reviews which are generally positive. Muhammad Ahsan Pervaiz has taught 76,843 students and received a 4.4 average review out of 5,643 reviews. Depending on the information available, Muhammad Ahsan Pervaiz is a TRUSTED instructor.
UI UX Designer + Freelancer + Web Developer
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.
In just 1 years of Serious UI Designing, I made my place on DRIBBBLE 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
Although I started as a UI Designer 8 years ago but I am playing with Photoshop since year 2002
My ultimate aim is to make more Awesome UI Designers and ease the pain of learning from new comers in this field of UI DesignShow moreShow less

9.7

CourseMarks Score®

10.0

Freshness

N/A

Feedback

9.0

Content

Platform: Udemy
Video: 5h 17m
Language: English
Next start: On Demand

Students are also interested in

Review widget (for course creators):

Building Design System in Figma from Scratch - UI UX Mastery rating
Code for the widget (just copy and paste it to your site):
<a href="https://coursemarks.com/course/building-design-system-in-figma-from-scratch-ui-ux-mastery/" target="_blank" title="Building Design System in Figma from Scratch – UI UX Mastery on Coursemarks.com"><img border="0" src="https://coursemarks.com/widget/97.svg" width="200px" alt="Building Design System in Figma from Scratch – UI UX Mastery rating"/></a>