Figma Advanced Tutorial: A 2-hour Masterclass

Tavsif:

This 2-hour masterclass is designed for users who have already mastered the fundamentals of UI/UX design in Figma. It covers advanced topics such as multilevel nested auto-layouts, advanced animation techniques, responsive design, image and video masking, typography, AI integration, prototyping, sticky scroll buttons, dropdown menus, variant management, collaboration, asset export, and workflow shortcuts. 0:00 - Introduction 2:55 - Getting Started 5:27 - Auto Layout Revision 15:46 - Auto Spacing 25:54 - When to use Components 31:54 - Good Spacing Techniques 38:53 - What Spacing to use 44:09 - Middletro 45:27 - Auto Layout vs Constraints 49:19 - Autolayout Shortcuts 52:25 - Class Project 01 - Responsive Nav 55:17 - File Handling Mastery 1:01:56 - Advanced Copy & Paste 1:08:31 - Crazy Fields 1:12:05 - Frame Tricks 1:16:45 - Zooming Tricks 1:18:26 - Light vs Dark Theme 1:20:55 - Class Project 02 - Event Card 1:22:31 - Class Project 02 - Completed 1:31:11 - Grid v Constraints v Autolayout 1:36:28 - Grids & Columns 1:41:57 - Rows & Columns 1:46:16 - Grid Styles 1:47:49 - Grids Inside of Frames 1:51:33 - Class project 03 - Branding 1:55:53 - Icon Plugins 2:02:40 - Widgets vs Plugins 2:06:14 - Color Variants 2:11:27 - Outro