𝗕𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝗗𝗲𝘀𝗶𝗴𝗻 𝗦𝘆𝘀𝘁𝗲𝗺 𝗙𝗶𝗴𝗺𝗮 𝗨𝗜 𝗨𝗫 𝗠𝗮𝘀𝘁𝗲𝗿𝘆 :)
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 about1663947396651.pngDesign Principles and how to make themPurpose Statement in Design SystemDesign first or create a Design System firstTokens, Values and how to use theming dark and light in Design SystemGenerate Color System with color scales and color stylesCreate Typography system with Type Scales and StylesIcon System, Grids, and Layout SystemButtons, Chips, and Info bars with Swappable IconsAdvance usage of Auto layout, Components, and Variants in FigmaSee how we use the Spacing System in FigmaUsage of Emojis and creating Hyperlinks inside Figma pages/files5 Assignments for you to practice and show me your Design System using Figma file linksSo let's learn Pro-Level Figma skills to create a design system and get your dream job as a UX UI DesignerWho this course is for:UI DesignerUX DesignerWeb DeveloperWeb DesignerGraphic DesignerProduct ManagersWhat you'll learnBuild your first Design system in Figma from scratchDesign Principles + Purpose statement of your Design SystemBuild Color System, Typography System, Layout/Grids and a lot moreCreate Buttons +Forms with their states along with Bigger ComponentsAdvance 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 about1663947396651.png
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
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
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
- 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
Requirements:)
- Basics of using Figma App.
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.
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.
- Basics of using Figma App.
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.
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.