Introduction

Getting Started

Auto Layout Revision

Auto Spacing

When to use Components

Good Spacing Techniques

What Spacing to use

Middletro

Auto Layout vs Constraints

Autolayout Shortcuts

Class Project 01 - Responsive Nav

File Handling Mastery

Advanced Copy & Paste

Crazy Fields

Frame Tricks

Zooming Tricks

Light vs Dark Theme

Class Project 02 - Event Card

Class Project 02 - Completed

Grid v Constraints v Autolayout

Grids & Columns

Rows & Columns

Grid Styles

Grids Inside of Frames

Class project 03 - Branding

Icon Plugins

Widgets vs Plugins

Color Variants

Outro

Bring Your Own Laptop

Get 10% off a BYOL membership & unlimited access to all of our Figma Courses & so much more: https://BYOL.com/FIG10YTL
Watch the full 160+ video Figma Advanced Course: https://BYOL.com/figytflcd
Download the Free Exercise Files to follow along: https://BYOL.com/figytlex
Try Figma for Free: https://BYOL.com/FIGF
Free downloadable Cheat Sheet: https://BYOL.com/fig10ytlcs

This course is tailor-made for those who have already mastered the fundamental principles of UI/UX Design using Figma. If you've triumphed over my Figma Essentials course or have a sneaking suspicion that there's a treasure trove of unexplored tools, tips, workflows, and updates awaiting your discovery, then look no further! 

Join the Bring Your Own Laptop Facebook Group: https://www.facebook.com/groups/bringyourownlaptop
Follow me on Instagram: https://www.instagram.com/bringyourownlaptop/
Follow me on TikTok: https://www.byol.com/tiktok/
Follow me on Twitter: https://twitter.com/danlovesadobe
Join the LinkedIn Group: https://www.linkedin.com/groups/10539178/

Together, we'll start by delving into the depths of multilevel nested autolayouts, and unravel the secrets used by UX professionals by learning:
- Workflow techniques, managing design assets, styles, components, grid and column layouts like true virtuosos.
- Unleashing the magic of advanced animation techniques, captivating users with animated background gradients and Houdini Text.
- Harness the power of Lottie animation files, breathing life into your designs.
- Crafting responsive elements that effortlessly adapt to any device, proving your design prowess knows no bounds.
- Unleashing the full potential of powerful images & video masking techniques, amplifying the visual impact of your creations.
- Mastering advanced typography features, transforming words into captivating works of art.
- Embracing the realm of AI, infusing your process with its genius to elevate your skills as a UX designer.
- Elevate your prototyping game, conducting user tests with finesse using advanced techniques.
- Unveiling sticky scroll buttons that stack, animated anchor points and booleans, and a host of other captivating effects.
- Creating enchanting dropdown menus, hover grow effects for images, and expanding search bars.
- Discovering the right accessibility tools & techniques, ensuring inclusivity and usability for all users.
- Becoming a variant boss, expertly taming unwieldy variants to just 1 or 2.
- Unveiling the secrets of seamless collaboration with designers, developers, and stakeholders.
- Mastering the art of exporting production-ready assets, bringing your designs to life beyond the realm of Figma.
- Unearthing professional workflow tricks & shortcuts, saving you precious time and skyrocketing your efficiency.
- Plus much more exciting advanced Figma goodness along the way!

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

Bring Your Own Laptop accepts the sole responsibility of the giveaway. Youtube is not a sponsor and upon entering the giveaway, you acknowledge that Youtube is free from any liability with regards to said giveaway.
The contest is free of charge to enter.
Limited to 1 prize per person.
More information about the Youtube community guidelines: https://www.youtube.com/howyoutubeworks/policies/community-guidelines/
Entries that don’t qualify will be disqualified.
All prizes will be attempted to be awarded within 7 days of the premiere ending. For prizes to be awarded, you must be able to confirm that you are the winner by messaging the instagram account ‘bringyourownlaptop’ with your username, then following the instructions provided which include editing your winning comment to prove account ownership.
All contest rules are the responsibility of Bring Your Own Laptop only.
Your personal data will not be saved on any Bring Your Own Laptop servers unless you are the winner of the BYOL subscription, in which case your information will be necessary to utilise the subscription. 

#Figma #UXDesign #FigmaTutorial

Figma Advanced Tutorial: A 2-hour Masterclass

Figma Advanced Tutorial: A 2-hour Masterclass

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path