Figma Advanced Tutorial: A 2-hour Masterclass

Bring Your Own Laptop July 13, 2023
Video Thumbnail
Bring Your Own Laptop Logo

Bring Your Own Laptop

@bringyourownlaptop

About

Here at Bring Your Own Laptop we aim to provide our viewers with high quality information tutorials for software such as Adobe Photoshop, Adobe InDesign, Adobe XD, Adobe Illustrator and more. We're always looking for more suggestions on what our viewers want to learn about so make sure to comment what you'd like to see next. In addition to our youtube awesomeness we run public class room course at our training centers in Auckland, Wellington & Sydney. We specialize in Photoshop courses, InDesign training , Web Design courses, Illustrator training as well as Photography courses.

Video Description

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 Note: If you have a different UI than in the course, you can change it back by clicking the '?' in the bottom right corner of Figma and select 'Go back to previous UI'. Happy Figma'ing! 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. - 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

You May Also Like

Upgrade Your Phone Experience Today

AI-recommended products based on this video

Loading...
VANMASS [85+LBS Strongest Suction & Clip] 2025 Upgrade Car Phone Holder [Patent & Safety Certs] Cell Phone Mount Truck Stand for Dashboard Windshield Vent for iPhone 16 Pro Max 15 14 13 12 Samsung

VANMASS [85+LBS Strongest Suction & Clip] 2025 Upgrade Car Phone Holder [Patent & Safety Certs] Cell Phone Mount Truck Stand for Dashboard Windshield Vent for iPhone 16 Pro Max 15 14 13 12 Samsung

(54,882)
$32.25
FREE delivery Mon, Aug 25 on your first order
1K+ bought in past month
Loading...
iPhone Charger Fast Charging [Apple MFi Certified] USB C to Lightning Cable 6FT USBC to Lightning Cable Nylon Braided Type C Cord for iPhone 14 13 12 11 Pro Max XR XS X 8 7 6 Plus SE, iPad

iPhone Charger Fast Charging [Apple MFi Certified] USB C to Lightning Cable 6FT USBC to Lightning Cable Nylon Braided Type C Cord for iPhone 14 13 12 11 Pro Max XR XS X 8 7 6 Plus SE, iPad

(4,036)
$8.99
FREE delivery Sun, Jun 29 on your first order
2K+ bought in past month
Loading...
iPhone Charger [Apple MFi Certified] 3FT, 3Pack USB A to Lightning Cable Braided Fast Charging Apple Cord Compatible with iPhone 14 13 12 11 Pro Max XS XR X 8 7 6 5 Plus iPad/iPod/AirPods

iPhone Charger [Apple MFi Certified] 3FT, 3Pack USB A to Lightning Cable Braided Fast Charging Apple Cord Compatible with iPhone 14 13 12 11 Pro Max XS XR X 8 7 6 5 Plus iPad/iPod/AirPods

(5,626)
$17.99
FREE delivery Sat, Jun 14 on your first order
50+ bought in past month
Loading...
2Pack 10ft iPhone Charger 90 Degree Lightning Cable Right Angle Long USB Charging Cord Compatible with Apple iPhone 14 13 12 11 Pro Max XS XR X 8 7 6 5 Plus iPad iPod

2Pack 10ft iPhone Charger 90 Degree Lightning Cable Right Angle Long USB Charging Cord Compatible with Apple iPhone 14 13 12 11 Pro Max XS XR X 8 7 6 5 Plus iPad iPod

(2,193)
$14.24
FREE delivery Sat, Jun 14 on your first order
400+ bought in past month
Loading...
Spigen Case for iPhone 17 Case, Ultra Hybrid MagFit [Anti-Yellowing, Magsafe Compatible] Designed for Apple iPhone 17 Case (2025) - Clear White ClimatePartner certified

Spigen Case for iPhone 17 Case, Ultra Hybrid MagFit [Anti-Yellowing, Magsafe Compatible] Designed for Apple iPhone 17 Case (2025) - Clear White ClimatePartner certified

(2,190)
$18.99
FREE delivery Sat, Sep 20 on your first order
Loading...
Spigen Case for iPhone 17 Case, Liquid Air Designed for Apple iPhone 17 Case (2025) - Matte Black ClimatePartner certified

Spigen Case for iPhone 17 Case, Liquid Air Designed for Apple iPhone 17 Case (2025) - Matte Black ClimatePartner certified

(3,371)
$13.99
FREE delivery Sat, Sep 20 on your first order
Loading...
Apple iPhone 16 Silicone Case with MagSafe - Fuchsia ​​​​​​​

Apple iPhone 16 Silicone Case with MagSafe - Fuchsia ​​​​​​​

(110)
$49.99
PrimeFREE delivery Sat, Jun 14
Loading...
Apple iPhone 16 Pro Silicone Case with MagSafe - Ultramarine ​​​​​​​

Apple iPhone 16 Pro Silicone Case with MagSafe - Ultramarine ​​​​​​​

(131)
$49.99
PrimeFREE delivery Sat, Jun 14
Loading...
Wireless Charging Case for AirPods Pro 1st / 2nd Gen with Type-C Charging Port, Compatible with AirPod Pro 2nd Generation Replacement Case, with Blue-Tooth Sync Button, No Earbuds

Wireless Charging Case for AirPods Pro 1st / 2nd Gen with Type-C Charging Port, Compatible with AirPod Pro 2nd Generation Replacement Case, with Blue-Tooth Sync Button, No Earbuds

(15)
$42.98
PrimeFREE delivery Sat, Jun 14
Loading...
Cleaner Kit for Airpods Pro 1 2 3 Multi-Function Cleaning Pen with Soft Brush Flocking Sponge for Bluetooth Earphones Case Cleaning Tools White
Best Seller

Cleaner Kit for Airpods Pro 1 2 3 Multi-Function Cleaning Pen with Soft Brush Flocking Sponge for Bluetooth Earphones Case Cleaning Tools White

(9,766)
$9.89
FREE delivery Sat, Jun 14 on your first order
500+ bought in past month
Loading...
Apple AirPods Pro 2 Wireless Earbuds, Bluetooth Headphones, Active Noise Cancellation, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

Apple AirPods Pro 2 Wireless Earbuds, Bluetooth Headphones, Active Noise Cancellation, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

(26,678)
$259.99$194.99
FREE delivery Wed, Aug 20
5K+ bought in past month
Loading...
Wireless Charger, 3 in 1 Charging Station, Fast Charging Station Foldable Charging Stand, Wireless Charging Station for Multiple Devices, Compatible with lPhone 17/16/15/14/13 Pro Max Airpods Watch

Wireless Charger, 3 in 1 Charging Station, Fast Charging Station Foldable Charging Stand, Wireless Charging Station for Multiple Devices, Compatible with lPhone 17/16/15/14/13 Pro Max Airpods Watch

(156)
$25.64
FREE delivery Wed, Dec 24 on your first order
3K+ bought in past month
Loading...
Spigen Case for Galaxy S25 Case, Tough Armor (Ai) MagFit [Wireless Charging] Compatible with MagSafe - Black

Spigen Case for Galaxy S25 Case, Tough Armor (Ai) MagFit [Wireless Charging] Compatible with MagSafe - Black

(2,126)
$28.99
FREE delivery Sat, Jun 14 on your first order
500+ bought in past month
Loading...
Spigen Case for iPhone 16 Case, Tough Armor Designed for Apple iPhone 16 - Black

Spigen Case for iPhone 16 Case, Tough Armor Designed for Apple iPhone 16 - Black

(126)
$22.99
FREE delivery Sat, Jun 14 on your first order
50+ bought in past month
Loading...
Spigen Case for iPhone 16 Pro Case, Tough Armor [MagFit] Compatible with MagSafe - Black

Spigen Case for iPhone 16 Pro Case, Tough Armor [MagFit] Compatible with MagSafe - Black

(341)
$32.99
FREE delivery Sat, Jun 14 on your first order
Loading...
Spigen Case for iPhone 16 Plus Case, Tough Armor (AI) [MagFit] Compatible with MagSafe - Black

Spigen Case for iPhone 16 Plus Case, Tough Armor (AI) [MagFit] Compatible with MagSafe - Black

(818)
$29.99
FREE delivery Sat, Jun 14 on your first order
Loading...
Otterbox Commuter Series case for iPhone XR - Frustration Free Packaging - Black

Otterbox Commuter Series case for iPhone XR - Frustration Free Packaging - Black

(5,871)
$29.95
FREE delivery Sat, Jun 14 on your first order
50+ bought in past month
Loading...
Otterbox Commuter Series Case for iPhone 11 - Bespoke Way (blazer Blue/Stormy Seas Blue)

Otterbox Commuter Series Case for iPhone 11 - Bespoke Way (blazer Blue/Stormy Seas Blue)

(9,305)
$29.47
FREE delivery Sat, Jun 14 on your first order
200+ bought in past month
Loading...
MRGLAS 2025 Upgraded Magsafe Car Mount Vacuum Suction Magnetic Phone Holder Car, 360° Foldable Adjustable Suction Cup Phone Stand [89+LBS Suction & 2800gf Magnetic] for Car Accessories iPhone17/16

MRGLAS 2025 Upgraded Magsafe Car Mount Vacuum Suction Magnetic Phone Holder Car, 360° Foldable Adjustable Suction Cup Phone Stand [89+LBS Suction & 2800gf Magnetic] for Car Accessories iPhone17/16

(1,124)
$27.19
1K+ bought in past month
Loading...
OHLPRO Tablet Car Mount Universal Tablet Holder for Car Windshield Dash Dashboard, 360 Degree Rotation,TPU Suction Gel Stick, for iPad Mini 4/3/2/1Samsung Galaxy Size 7"- 10.5" Tablet Mount

OHLPRO Tablet Car Mount Universal Tablet Holder for Car Windshield Dash Dashboard, 360 Degree Rotation,TPU Suction Gel Stick, for iPad Mini 4/3/2/1Samsung Galaxy Size 7"- 10.5" Tablet Mount

(1,515)
$18.99
FREE delivery Tue, Jun 17 on your first order
Loading...
Magnetic Car Mount Air Vent Cell Phone Holder, Universal Vehicle Dash Dashboard Ac Airvent Cellphone Magic Stand with Clip Hook, for iPhone 16 15 Samsung Lenovo Google etc

Magnetic Car Mount Air Vent Cell Phone Holder, Universal Vehicle Dash Dashboard Ac Airvent Cellphone Magic Stand with Clip Hook, for iPhone 16 15 Samsung Lenovo Google etc

(128)
$21.99
FREE delivery Tue, Jun 17 on your first order
Loading...
AINOPE Phone Holder for Car Vent 2025 Gravity Air Vent Car Phone Holder Mount for iPhone 17 Pro Max Vent Clip Hand Free Cell Phone Car Mount for iPhone Air 17 16 Pro Max Samsung S25 Car Accesorries

AINOPE Phone Holder for Car Vent 2025 Gravity Air Vent Car Phone Holder Mount for iPhone 17 Pro Max Vent Clip Hand Free Cell Phone Car Mount for iPhone Air 17 16 Pro Max Samsung S25 Car Accesorries

(30,765)
$18.98
FREE delivery Sat, Jan 3 on your first order
2K+ bought in past month
Loading...
[3+3 Pack] for Samsung Galaxy S26 Screen Protector, 9H Tempered Glass, Ultrasonic Fingerprint Compatible, HD Clear Case Friendly for Samsung S26 Tempered Glass Screen Protector 5G

[3+3 Pack] for Samsung Galaxy S26 Screen Protector, 9H Tempered Glass, Ultrasonic Fingerprint Compatible, HD Clear Case Friendly for Samsung S26 Tempered Glass Screen Protector 5G

(2,374)
$11.99
FREE delivery Mon, Mar 30 on your first order
1K+ bought in past month
Loading...
LK 3 Pack for Top 9H+ Samsung Galaxy S26 Ultra Screen Protector, 12FT Military Grade Shatterproof Tempered Glass Screen Protector S26 Ultra with Easy Install Frame, 0 Bubble, Fingerprint Unlock

LK 3 Pack for Top 9H+ Samsung Galaxy S26 Ultra Screen Protector, 12FT Military Grade Shatterproof Tempered Glass Screen Protector S26 Ultra with Easy Install Frame, 0 Bubble, Fingerprint Unlock

(10,892)
$10.79
FREE delivery Tue, Mar 24 on your first order
1K+ bought in past month
Loading...
[3 Pack] Screen Protector Tempered Glass for Nintendo Switch, iVoler Transparent HD Clear Anti-Scratch Screen Protector Compatible Nintendo Switch Global Recycled Standard

[3 Pack] Screen Protector Tempered Glass for Nintendo Switch, iVoler Transparent HD Clear Anti-Scratch Screen Protector Compatible Nintendo Switch Global Recycled Standard

(61,781)
$8.99
FREE delivery Mon, Feb 2 on your first order
500+ bought in past month
Loading...
ivoler 3-in-1 Case Designed for iPhone 17 6.3'' 2025 with 2 Pack Tempered Glass Screen Protector, [Military Grade Drop Protection] Hard Back Slim Shockproof Phone Cover, Anti-Scratch, Clear

ivoler 3-in-1 Case Designed for iPhone 17 6.3'' 2025 with 2 Pack Tempered Glass Screen Protector, [Military Grade Drop Protection] Hard Back Slim Shockproof Phone Cover, Anti-Scratch, Clear

(1,463)
$13.99
FREE delivery Sat, Sep 20 on your first order
200+ bought in past month
Loading...
Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)

Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)

(103,365)
$13.49
5K+ bought in past month