{{ 'fb_in_app_browser_popup.desc' | translate }} {{ 'fb_in_app_browser_popup.copy_link' | translate }}

{{ 'in_app_browser_popup.desc' | translate }}

MENU CART {{currentCart.getItemCount()}}
[Udemy Course] Building Design System in Figma from Scratch - UI UX Mastery by Muhammad Ahsan Pervaiz

[Udemy Course] Building Design System in Figma from Scratch - UI UX Mastery by Muhammad Ahsan Pervaiz

{{shoplineProductReview.avg_score}} {{'product.product_review.stars' | translate}} | {{shoplineProductReview.total}} {{'product.product_review.reviews' | translate}}
{{amazonProductReview.avg_rating}} {{'product.product_review.stars' | translate}} | {{amazonProductReview.total_comment_count}} {{'product.product_review.reviews' | translate}}
Quantity Product set quantity
Add to Wishlist
The maximum quantity per submit is 99999
This quantity is invalid, please enter a valid quantity.
Sold Out

Not enough stock.
Your item was not added to your cart.

Not enough stock.
Please adjust your quantity.

{{'products.quick_cart.out_of_number_hint'| translate}}

{{'product.preorder_limit.hint'| translate}}

Limit {{ product.max_order_quantity }} per order.

Only {{ quantityOfStock }} item(s) left.

Please message the shop owner for order details.
Add to Wishlist


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


Product Details: https://bit.ly/48tRTmZ

File size: 4GB

Payment and delivery:
1. Please provide your EMAIL address in “message:” during checkout.
2. The files will be sent to you after payment has been confirmed.

🔥 All files will be delivered online.
🔥 Download for Lifetime Access

Kindly PM us if you are looking for other ebooks/ Video Courses.
Enjoy learning!

Customer Reviews

{{'product.product_review.no_review' | translate}}

Related Products