| 1. Create Design Principles + Purpose Statement.mp4 | 31.1 MB | ||
| 1. Create Design Principles + Purpose Statement.srt | 3.5 KB | ||
| 1. Design Tokens, roles and their values in Design System.mp4 | 119.3 MB | ||
| 1. Design Tokens, roles and their values in Design System.srt | 8.8 KB | ||
| 1. Introduction to Design Systems, benefits and outputs of Design System.mp4 | 243.4 MB | ||
| 1. Introduction to Design Systems, benefits and outputs of Design System.srt | 15 KB | ||
| 10. Color System - Create Color Scales and Styles to reuse in Figma 02.mp4 | 138.7 MB | ||
| 10. Color System - Create Color Scales and Styles to reuse in Figma 02.srt | 13.7 KB | ||
| 11. Assignment - Create Color System with Color Scales and Styles.html | 204.8 B | ||
| 12. Buttons and Icons - How to Swap Icons inside button components 01.mp4 | 202.3 MB | ||
| 12. Buttons and Icons - How to Swap Icons inside button components 01.srt | 24.6 KB | ||
| 13. Buttons and Icons - How to Swap Icons inside button components 02.mp4 | 168 MB | ||
| 13. Buttons and Icons - How to Swap Icons inside button components 02.srt | 20.3 KB | ||
| 14. Assignment - Buttons, chips and smaller components.html | 204.8 B | ||
| 15. Define your Grid System in Figma.mp4 | 56.8 MB | ||
| 15. Define your Grid System in Figma.srt | 5 KB | ||
| 16. Creating bigger Typography Components.mp4 | 114.7 MB | ||
| 16. Creating bigger Typography Components.srt | 9.8 KB | ||
| 17. Using Icons in Form Input Fields 01.mp4 | 86.4 MB | ||
| 17. Using Icons in Form Input Fields 01.srt | 8.2 KB | ||
| 18. Using Icons in Form Input Fields 02.mp4 | 112.7 MB | ||
| 18. Using Icons in Form Input Fields 02.srt | 10.7 KB | ||
| 19. Creating Bigger Components in Figma 01.mp4 | 284.9 MB | ||
| 19. Creating Bigger Components in Figma 01.srt | 26.7 KB | ||
| 2. Assignment - Create Design Principles and Purpose Statement Document.html | 204.8 B | ||
| 2. Typography in your Design System.mp4 | 69.9 MB | ||
| 2. Typography in your Design System.srt | 4.9 KB | ||
| 2. What is Purpose Statement in Design System.mp4 | 73.1 MB | ||
| 2. What is Purpose Statement in Design System.srt | 4.7 KB | ||
| 20. Creating bigger components in Figma 02.mp4 | 186.1 MB | ||
| 20. Creating bigger components in Figma 02.srt | 16.1 KB | ||
| 21. Assignment - Icons, Illustrations and Grid System.html | 204.8 B | ||
| 22. Building Spacing System in Figma 01.mp4 | 125 MB | ||
| 22. Building Spacing System in Figma 01.srt | 13.6 KB | ||
| 23. Building Spacing System in Figma 02.mp4 | 99.1 MB | ||
| 23. Building Spacing System in Figma 02.srt | 11.7 KB | ||
| 24. Navigation, links and linking pages in Figma.mp4 | 103.6 MB | ||
| 24. Navigation, links and linking pages in Figma.srt | 9.8 KB | ||
| 25. Assignment - Create a full Design System.html | 204.8 B | ||
| 26. BONUS LECTURE.html | 512 B | ||
| 3. Design Principles and how to come up with them.mp4 | 108.1 MB | ||
| 3. Design Principles and how to come up with them.srt | 6.6 KB | ||
| 3. Figma Auto Layout and Variants Part 01.mp4 | 69.2 MB | ||
| 3. Figma Auto Layout and Variants Part 01.srt | 10 KB | ||
| 3. Spacing System Vertical and Horizontal.mp4 | 90.8 MB | ||
| 3. Spacing System Vertical and Horizontal.srt | 6.7 KB | ||
| 4. 7 Steps to Building your Design System.mp4 | 137.4 MB | ||
| 4. 7 Steps to Building your Design System.srt | 7.2 KB | ||
| 4. Color System and what you need to do about it.mp4 | 109.3 MB | ||
| 4. Color System and what you need to do about it.srt | 7.8 KB | ||
| 4. Figma Auto Layout and Variants Part 02.mp4 | 91.9 MB | ||
| 4. Figma Auto Layout and Variants Part 02.srt | 9.9 KB | ||
| 5. Auto Layout and Resizing - Understand them well in Figma.mp4 | 72.3 MB | ||
| 5. Auto Layout and Resizing - Understand them well in Figma.srt | 8.3 KB | ||
| 5. Grid System and Layout - What's the difference with examples.mp4 | 79 MB | ||
| 5. Grid System and Layout - What's the difference with examples.srt | 5.7 KB | ||
| 5. How to Audit User Interface Building a UI Inventory.mp4 | 83.7 MB | ||
| 5. How to Audit User Interface Building a UI Inventory.srt | 5.6 KB | ||
| 6. How theming works and the level of theming in your Design System.mp4 | 105.3 MB | ||
| 6. How theming works and the level of theming in your Design System.srt | 6.6 KB | ||
| 6. Typography System - Typography Scale and Type Styles in Figma 01.mp4 | 78.8 MB | ||
| 6. Typography System - Typography Scale and Type Styles in Figma 01.srt | 9.7 KB | ||
| 6. What are good Components in a Design System.mp4 | 187 MB | ||
| 6. What are good Components in a Design System.srt | 12.9 KB | ||
| 7. Hierarchy of Components in Design System.mp4 | 154.1 MB | ||
| 7. Hierarchy of Components in Design System.srt | 11 KB | ||
| 7. Typography System - Typography Scale and Type Styles 02.mp4 | 114.6 MB | ||
| 7. Typography System - Typography Scale and Type Styles 02.srt | 11 KB | ||
| 8. Assignment - Create Typography System with Type Scale and Styles.html | 204.8 B | ||
| 8. Download Design System Resources + PDF Notes.html | 614.4 B | ||
| 9. Color System - Create Color Scales and Styles to reuse in Figma 01.mp4 | 138.9 MB | ||
| 9. Color System - Create Color Scales and Styles to reuse in Figma 01.srt | 17.8 KB | ||
| 9. Lets test your knowledge about Design Systems.html | 204.8 B | ||
| Bonus Resources.txt | 409.6 B | ||
| Get Bonus Downloads Here.url | 204.8 B | ||
| ▲ 75 total files | |||
Building Design System in Figma from Scratch - UI UX Mastery
https://CourseLala.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.
| torrent name | size | uploader | age | seed | leech |
|---|---|---|---|---|---|
|
Udemy - Becoming an Agent Manager - Building a Frontier Organization Posted by
freecoursewb in Other
|
287.4 MB | freecoursewb | 10 hours | 0 | 0 |
| 1.3 GB | freecoursewb | 2 weeks | 18 | 2 | |
| 665.1 MB | freecoursewb | 1 month | 1 | 1 | |
| 3.9 GB | freecoursewb | 1 month | 5 | 2 | |
| 3.7 GB | freecoursewb | 2 months | 0 | 0 |
All Comments