Figma Advanced Course Launch Party!

Watch the new Figma Advanced Course: https://byol.com/figa26a
Try Figma for Free: https://byol.com/figf

This Figma Advanced course has been completely refreshed for 2025 and covers all of the new features, updates and UI changes. Tune in to learn more about what's in the course get your questions answered by Dan!

Join the Bring Your Own Laptop Facebook Group: https://www.byol.com/FB
Follow me on Instagram: https://www.byol.com/IG
Follow me on TikTok: https://www.byol.com/tiktok/
Follow me on Twitter:   / danlovesadobe  
Join the LinkedIn Group: https://www.byol.com/LINKEDIN/

Hi there, aspiring Figma enthusiast! Are you ready to embark on an exhilarating journey with me, Dan Scott, as we unlock the full potential of our Figma skills in the dazzling realm of UX/UI Design using Figma Advanced?

Course length: 9+ hours.

Try Figma for free by clicking here.

We’re not just moving boxes around here - you’re actually going to build something. In this course, you’ll get your own project brief and persona, and by the end, you’ll have a complete app ready to drop straight into your portfolio.

We’ll kick things off by using AI inside Figma to move fast — the kind of efficiency that saves you hours, not minutes. Then we’ll dive deep into Auto Layout and constraints, the tools that separate amateurs from pros. You’ll learn how to make responsive pages that flex, adapt, and update automatically, no matter the screen or content.

Next, you’ll master components and variables so solid they’re almost impossible to break. We’ll add visual punch with effects, typography, and micro-animations that give your designs instant polish and impact. You’ll also learn workflow hacks to manage your assets, grids, and styles like a seasoned professional, and I’ll even show you a few hardware setups that make you faster (and make you look good while you’re at it).

As you journey through this course, you'll acquire the skills wielded by UX professionals, gaining a profound understanding of the UX Design industry. From concept to a highly polished finish, you'll confidently manage your own UX projects ideal for your portfolio.

Throughout the course, I'll assign assignments and projects that nurture your skills and empower you to create your very own unique UX design masterpiece for your portfolio. Don’t worry if this all seems overwhelmingly advanced right now, because the BYOL crew stands ready to support and guide you, ensuring your questions get answered.

Requirements:
A copy of Figma (a free plan is available on the Figma website here).
Note: While you can complete the course using the free version of Figma, some lessons include features available only in the paid version. You can sign up for a free trial to follow along, or simply watch those sections for reference.
Basic knowledge of Figma is required. I recommend watching my Figma Essentials course prior to embarking on this epic adventure.

Who this course is for:
UX/UI adventurers who already have a basic understanding of Figma.
Self-taught Figma enthusiasts yearning for structured guidance.
Graduates of my Figma Essentials Course, hungry for more knowledge and skills.
Visionaries who have developed their own unique Figma approach but crave exploration of the vast universe of tools, updates, and time-saving techniques.

What you'll learn:

AI & Interaction Design
First Draft & Add Interactions Using AI
Suggest Auto Layout, Replace Content, Duplicate & Rename Layers (AI)
AI Add Interactions Automatically

Layout & Auto Layout Mastery
Working with Complex Layouts
Nested & Responsive Auto Layouts
Auto Layout Grids
Grid vs Constraints vs Auto Layout — Which One to Use and When?
How to Add Rows and Column Grids to One Layout
How to Create & Update Layout Guide Styles for Columns & Rows
How to Wrap Auto Layout Objects

Components, Variables & Variants
Using Variants
Multi-Dimensional Variants
Variable – Light and Dark Modes
Cart Totals Using Number Variables
Conditions in Variables
Boolean Variables
Overlay Popups
Spacing with Number Variables
Boolean Component Properties
Form Fields with Component Properties
Instance Swap Inside a Component
Organizing Components

Design Techniques & Visual Effects
Liquid Glass Effect
Texture, Noise & Effect
Progressive Blur Effect
Saving Effect Styles & Clearing Unused Styles
Houdini Text
Spring Animation & Overlays
Masking Images Using AI Remove Background

Vertical Trim
Truncation

Animation & Interactions
Custom Easing
Animation Inside Variants
Sticky Scroll Position Search Bars
Horizontal Scrolling/Swipe
Automatic Scroll Down to Anchor Point
Interactive Components

Video & Media
Working with Video
Play/Pause Video Controls
Video to Play on Hover

Workflow, Collaboration & Handoff
Workflow Tips & Tricks
Advanced Copy, Paste, and Selection Tricks
Frame Tips and Tricks
Sections
Advanced Search

#Figma #figmatutorial #uiuxdesign