Language: English | Size: 3.74 GB | Duration: 5h 17m
Step by Step guide about how to create all parts of Design System using Figma - Design Principles, Tokens and theming
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
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.
If You Need More Stuff, kindly Visit and Support Us -->> https://CourseWikia.com
Get More Tutorials and Support Us -->> https://FreeCourseWeb.com
We upload these learning materials for the people from all over the world, who have the talent and motivation to sharpen their skills/ knowledge but do not have the financial support to afford the materials. If you like this content and if you are truly in a position that you can actually buy the materials, then Please, we repeat, Please, Support Authors. They Deserve it! Because always remember, without "Them", you and we won't be here having this conversation. Think about it! Peace...
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
~Get Your Files Here !/1. Introduction to Design Systems/1. Introduction to Design Systems, benefits and outputs of Design System.mp4
243.4 MB
~Get Your Files Here !/1. Introduction to Design Systems/1. Introduction to Design Systems, benefits and outputs of Design System.srt
15 KB
~Get Your Files Here !/1. Introduction to Design Systems/2. What is Purpose Statement in Design System.mp4
73.1 MB
~Get Your Files Here !/1. Introduction to Design Systems/2. What is Purpose Statement in Design System.srt
4.7 KB
~Get Your Files Here !/1. Introduction to Design Systems/3. Design Principles and how to come up with them.mp4
108.1 MB
~Get Your Files Here !/1. Introduction to Design Systems/3. Design Principles and how to come up with them.srt
6.6 KB
~Get Your Files Here !/1. Introduction to Design Systems/4. 7 Steps to Building your Design System.mp4
137.4 MB
~Get Your Files Here !/1. Introduction to Design Systems/4. 7 Steps to Building your Design System.srt
7.2 KB
~Get Your Files Here !/1. Introduction to Design Systems/5. How to Audit User Interface Building a UI Inventory.mp4
83.7 MB
~Get Your Files Here !/1. Introduction to Design Systems/5. How to Audit User Interface Building a UI Inventory.srt
5.6 KB
~Get Your Files Here !/1. Introduction to Design Systems/6. What are good Components in a Design System.mp4
187 MB
~Get Your Files Here !/1. Introduction to Design Systems/6. What are good Components in a Design System.srt
12.9 KB
~Get Your Files Here !/1. Introduction to Design Systems/7. Hierarchy of Components in Design System.mp4
154.1 MB
~Get Your Files Here !/1. Introduction to Design Systems/7. Hierarchy of Components in Design System.srt
11 KB
~Get Your Files Here !/1. Introduction to Design Systems/8. Download Design System Resources + PDF Notes.html
619 B
~Get Your Files Here !/1. Introduction to Design Systems/9. Lets test your knowledge about Design Systems.html
207 B
~Get Your Files Here !/2. Components of Design System/1. Design Tokens, roles and their values in Design System.mp4
119.3 MB
~Get Your Files Here !/2. Components of Design System/1. Design Tokens, roles and their values in Design System.srt
8.8 KB
~Get Your Files Here !/2. Components of Design System/2. Typography in your Design System.mp4
69.9 MB
~Get Your Files Here !/2. Components of Design System/2. Typography in your Design System.srt
4.9 KB
~Get Your Files Here !/2. Components of Design System/3. Spacing System Vertical and Horizontal.mp4
90.8 MB
~Get Your Files Here !/2. Components of Design System/3. Spacing System Vertical and Horizontal.srt
6.7 KB
~Get Your Files Here !/2. Components of Design System/4. Color System and what you need to do about it.mp4
109.3 MB
~Get Your Files Here !/2. Components of Design System/4. Color System and what you need to do about it.srt
7.8 KB
~Get Your Files Here !/2. Components of Design System/5. Grid System and Layout - What's the difference with examples.mp4
79 MB
~Get Your Files Here !/2. Components of Design System/5. Grid System and Layout - What's the difference with examples.srt
5.7 KB
~Get Your Files Here !/2. Components of Design System/6. How theming works and the level of theming in your Design System.mp4
105.3 MB
~Get Your Files Here !/2. Components of Design System/6. How theming works and the level of theming in your Design System.srt
6.6 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/1. Create Design Principles + Purpose Statement.mp4
31.1 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/1. Create Design Principles + Purpose Statement.srt
3.5 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/10. Color System - Create Color Scales and Styles to reuse in Figma 02.mp4
138.7 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/10. Color System - Create Color Scales and Styles to reuse in Figma 02.srt
13.7 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/11. Assignment - Create Color System with Color Scales and Styles.html
211 B
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/12. Buttons and Icons - How to Swap Icons inside button components 01.mp4
202.3 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/12. Buttons and Icons - How to Swap Icons inside button components 01.srt
24.6 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/13. Buttons and Icons - How to Swap Icons inside button components 02.mp4
168 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/13. Buttons and Icons - How to Swap Icons inside button components 02.srt
20.3 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/14. Assignment - Buttons, chips and smaller components.html
211 B
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/15. Define your Grid System in Figma.mp4
56.8 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/15. Define your Grid System in Figma.srt
5 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/16. Creating bigger Typography Components.mp4
114.7 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/16. Creating bigger Typography Components.srt
9.8 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/17. Using Icons in Form Input Fields 01.mp4
86.4 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/17. Using Icons in Form Input Fields 01.srt
8.2 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/18. Using Icons in Form Input Fields 02.mp4
112.7 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/18. Using Icons in Form Input Fields 02.srt
10.7 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/19. Creating Bigger Components in Figma 01.mp4
284.9 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/19. Creating Bigger Components in Figma 01.srt
26.7 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/2. Assignment - Create Design Principles and Purpose Statement Document.html
211 B
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/20. Creating bigger components in Figma 02.mp4
186.1 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/20. Creating bigger components in Figma 02.srt
16.1 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/21. Assignment - Icons, Illustrations and Grid System.html
211 B
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/22. Building Spacing System in Figma 01.mp4
125 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/22. Building Spacing System in Figma 01.srt
13.6 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/23. Building Spacing System in Figma 02.mp4
99.1 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/23. Building Spacing System in Figma 02.srt
11.7 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/24. Navigation, links and linking pages in Figma.mp4
103.6 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/24. Navigation, links and linking pages in Figma.srt
9.8 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/25. Assignment - Create a full Design System.html
211 B
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/26. BONUS LECTURE.html
521 B
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/3. Figma Auto Layout and Variants Part 01.mp4
69.2 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/3. Figma Auto Layout and Variants Part 01.srt
10 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/4. Figma Auto Layout and Variants Part 02.mp4
91.9 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/4. Figma Auto Layout and Variants Part 02.srt
9.9 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/5. Auto Layout and Resizing - Understand them well in Figma.mp4
72.3 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/5. Auto Layout and Resizing - Understand them well in Figma.srt
8.3 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/6. Typography System - Typography Scale and Type Styles in Figma 01.mp4
78.8 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/6. Typography System - Typography Scale and Type Styles in Figma 01.srt
9.7 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/7. Typography System - Typography Scale and Type Styles 02.mp4
114.6 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/7. Typography System - Typography Scale and Type Styles 02.srt
11 KB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/8. Assignment - Create Typography System with Type Scale and Styles.html
211 B
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/9. Color System - Create Color Scales and Styles to reuse in Figma 01.mp4
138.9 MB
~Get Your Files Here !/3. Build Design System in Figma - Step by Step/9. Color System - Create Color Scales and Styles to reuse in Figma 01.srt