Easy Learning with Building Design System in Figma from Scratch - UI UX Mastery
Design > User Experience Design
5.5 h
£54.99 £12.99
4.3
4402 students

Enroll Now

Language: English

Master Figma Design Systems: From Zero to Pro

What you will learn:

  • Build a Design System in Figma from the ground up
  • Define Design Principles and a Purpose Statement for your Design System
  • Create a robust Color System, Typography System, and Layout/Grids
  • Design essential components like Buttons, Forms, and other complex elements
  • Master advanced Figma features like Swap-able Components, Icons, and Variants
  • Explore the Spacing System and utilize Emojis and hyperlinks in Figma
  • Develop a clear understanding of Design System components and benefits
  • Align your design, development, marketing, and management teams
  • Apply your knowledge through 5 practical assignments
  • Boost your career as a UX/UI Designer with in-demand skills

Description

Elevate your UI/UX design skills to the next level by mastering the art of building Design Systems in Figma. This comprehensive course will guide you through the entire process, from defining design principles and creating tokens to implementing theming and building reusable components.

Discover the 7 essential steps to building a robust Design System, learn how to align your design, development, marketing, and management teams, and understand the core components and benefits of a well-structured Design System.

Inside this course, you will gain expertise in:

  • Establishing clear Design Principles and crafting a Purpose Statement for your Design System.
  • Creating a powerful Color System with color scales and styles.
  • Developing a comprehensive Typography system with type scales and styles.
  • Building an Icon System, Grids, and Layout System for visual consistency.
  • Designing essential components like Buttons, Chips, and Info bars with swappable icons.
  • Leveraging the advanced features of Auto Layout, Components, and Variants in Figma.
  • Mastering the Spacing System and utilizing Emojis and hyperlinks within Figma pages and files.

5 engaging assignments will put your newfound skills to the test, allowing you to build your own Design System and showcase your expertise.

Join this course and unlock the power of Design Systems to elevate your design process, streamline collaboration, and boost your career as a UX/UI Designer.