[ CourseLala.com ] Udemy - Building Design System in Figma from Scratch

Description

[ DevCourseWeb.com ] Building Design System in Figma from Scratch - UI UX Mastery

If You Need More Stuff, kindly Visit and Support Us -->> https://DevCourseWeb.com

Genre: eLearning | MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz

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...

File list

[ CourseLala.com ] Udemy - Building Design System in Figma from Scratch - UI UX Mastery
~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 17.8 KB
~Get Your Files Here !/Bonus Resources.txt 386 B

[ CourseLala.com ] Udemy - Building Design System in Figma from Scratch - UI UX Mastery