The Ultimate Figma Masterclass
Focused View
9:51:56
0 View
1. A warm welcome to all students.mp4
01:00
2. Install Files.mp4
01:46
3. Install Figma Plugins.mp4
01:35
1. Welcome.mp4
00:46
2. Overview.mp4
04:04
3. Exploration.mp4
01:58
4. Wireframes.mp4
02:50
5. Moodboard.mp4
03:39
6. Workspace.mp4
05:56
7. Design feedback.mp4
07:19
8. Final Designs.mp4
03:34
9. Design Implementation.mp4
06:49
1. Welcome.mp4
00:40
2. Atomic Design Framework.mp4
02:54
3. Build Style Guide (Neutrals).mp4
13:33
4. Build a Scalable Colour System (Dark Mode).mp4
07:39
5. Build a Responsive Typgography Scale.mp4
19:48
6. Responsive Grid Layouts (320px to 1440px, Including Fixed Sidebars).mp4
12:05
7. How to Use the 4pt Grid.mp4
04:03
8. Create a Vertical 4pt Grid.mp4
02:25
9. Build an Advanced Icon System (4 Sizes, 2 Colours).mp4
11:38
10. Build a Drop Shadow System.mp4
03:53
11. Master the BEM Model & Component Matrix.mp4
06:24
12. Build a Dynamic & Scalable Button Set.mp4
20:32
13. Publish a Design System.mp4
02:37
14 1. What is BEM.png
14 1. what is bem.zip
14. Using Design Systems Across Multiple Projects.mp4
01:20
15. Advanced Input Systems (Part 1).mp4
11:15
16. Advanced Input Systems (Part 2).mp4
12:45
17. Advanced Input Systems (Part 3).mp4
18:14
1. Welcome.mp4
00:44
2. Understanding the Box Model.mp4
05:51
3. Understanding the CSS Flex box.mp4
04:30
4. Attaching a Design System.mp4
01:14
5. Design a Responsive Header.mp4
16:35
6. Design a Responsive Hero Banner.mp4
11:59
7. Design a Responsive Masonry Grid.mp4
11:41
8. Design a Responsive Floating CTA.mp4
04:47
9. Design a Responsive 4 Col Layout.mp4
08:53
10. Design a Responsive Footer.mp4
12:52
11. Adding Prototype Interactions.mp4
10:06
12. Managing the Design Feedback Process.mp4
00:03
13. Responsive Views - 1152px.mp4
01:13
14. Responsive Views - 768px.mp4
05:56
15. Responsive Views - 320px.mp4
16:26
16. Designing a Responsive Mobile Header.mp4
03:22
17. Building a Responsive Prototype.mp4
00:03
18. Preview designs with Figma Mirror.mp4
00:57
1. Welcome.mp4
00:19
2. When should you Componentize.mp4
01:28
3. Global vs Local Components.mp4
02:58
4. Creating Local & Global Components.mp4
07:31
5. Deleting Component Variants.mp4
00:51
6. Modifying a Component.mp4
00:44
7. Creating a New Set of Component Variants.mp4
03:53
8. Publishing Large Design Systems Workaround.mp4
00:56
9. Detaching Main Components.mp4
01:26
10. Master Components.mp4
04:59
11. Prevent Master Components from Publishing.mp4
02:40
1. Welcome.mp4
00:25
2. Compressing Images.mp4
02:06
3. Compressing Images - FREE & High Quality Alternative.mp4
02:07
4. How to Run a Design Implementation Walkthrough.mp4
04:41
5. Preparing a File for Developers.mp4
07:09
6. Documenting Designs for Developers.mp4
13:12
7. Exporting SVG Icons.mp4
08:34
8. Exporting PNG Icons.mp4
04:31
1. Welcome.mp4
00:35
2. Build a Responsive 2 Column Layout.mp4
06:04
3. Build a Responsive Table.mp4
04:44
4. Create a Grid Box.mp4
04:32
5. Build a Scalable Progress Bar.mp4
03:46
1. Chapter Overview.mp4
01:46
2. Smart Animate Overview.mp4
15:08
3. Animation Types.mp4
05:52
4. Animation Type.mp4
18:05
5. Easing the Easy Way.mp4
08:05
6. Figma Animation Prototype.mp4
06:01
7. Custom Figma Transitions.mp4
16:47
8. Final Challenges (Part 1).mp4
07:56
9. Final Challenges (Part 2).mp4
04:28
10. Final Challenges (Part 3).mp4
10:03
11. Intro to Part 2.mp4
02:37
12. Design a Sidebar & Loading State.mp4
11:44
13. Design a Dashboard.mp4
15:06
14. Design the Customer View (Rows).mp4
11:08
15. Design the Customer View (Grid).mp4
06:48
16. Design the Add New Customer Modal.mp4
06:14
17. Design the Success Message.mp4
07:07
18. Plan your Prototype Sequence.mp4
08:07
19. Build your Prototype.mp4
11:02
20. Interactive Components Challenge (Part 1).mp4
08:31
21. Interactive Components Challenge (Part 2).mp4
08:57
Animations & Prototyping (Starter & Solutions File).zip
More details
User Reviews
Rating
average 0
Focused display
Category
Udemy
View courses UdemyStudents take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
- language english
- Training sessions 92
- duration 9:51:56
- Release Date 2024/11/03
