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

Building Design System in Figma from Scratch - UI UX Mastery
Building Design System in Figma from Scratch - UI UX Mastery

Building Design System in Figma from Scratch - UI UX Mastery udemy course free download

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

What you'll learn:

Building Design System in Figma from Scratch – UI UX Mastery

  • You can start from scratch and make your first design system in Figma from the ground up.
  • Design principles and the goal of your Design System
  • This includes making a color system, a type system, a layout or grid system, and a lot more!
  • Create buttons and forms with their states, as well as bigger parts.
  • Advance the use of Swap-able Components, Icons inside buttons and forms, and more.

Requirements:

  • There are some basics about how to use the Figma App

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

Who this course is for:

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

Course Details:

  • 5.5 hours on-demand video
  • 2 articles
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of completion

Building Design System in Figma from Scratch - UI UX Mastery udemy courses free download

Step by Step guide about how to create all parts of Design System using Figma - Design Principles, Tokens and theming
Tags: Design Course, User Experience Design Course, Figma Course, udemy, free online course, udemy courses, freecourse, freecoursesite, udemycoursefree, udemy free courses free online course udemy, freecoursesite, freecourse, course era free courses, udemy courses for free, coursera free courses, tutorial free download, free udemy paid course, udemy courses free download, udemy course download, udemy downloader, course free download, downloadfreecourse