🎯Land Your Dream Job500+ Mock Interviews
Transform Your Tasks with AIGet 3x more done

Figma Advanced Tutorial: A 2-hour Masterclass

By - Bring Your Own Laptop

📚 Course Information

Channel

Bring Your Own Laptop

Published On

7/13/2023

📝 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 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

🎯 What You'll Learn

Complete understanding of the topic

Hands-on practical knowledge

Real-world examples and use cases

Industry best practices

⭐ Course Features

🤖

AI Support

24/7 doubt solving

📝

Practice Quiz

Test your knowledge

🏆

Certificate

Course completion

📋 Prerequisites

  • Basic understanding of programming concepts

  • Eagerness to learn and practice

Premium

Get Full Course Access

Take your learning to the next level with premium features

Unlimited access to all chapters
Interactive quizzes & assessments
Downloadable certificate

Course Content

- Introduction
1
2 min

- Introduction

5 Questions Ready
- Getting Started
2
2 min

- Getting Started

5 Questions Locked
- Auto Layout Revision
3
10 min

- Auto Layout Revision

5 Questions Locked
- Auto Spacing
4
10 min

- Auto Spacing

5 Questions Locked
- When to use Components
5
6 min

- When to use Components

5 Questions Locked
- Good Spacing Techniques
6
6 min

- Good Spacing Techniques

5 Questions Locked
- What Spacing to use
7
5 min

- What Spacing to use

5 Questions Locked
- Middletro
8
1 min

- Middletro

5 Questions Locked
- Auto Layout vs Constraints
9
3 min

- Auto Layout vs Constraints

5 Questions Locked
- Autolayout Shortcuts
10
3 min

- Autolayout Shortcuts

5 Questions Locked
- Class Project 01 - Responsive Nav
11
2 min

- Class Project 01 - Responsive Nav

5 Questions Locked
- File Handling Mastery
12
6 min

- File Handling Mastery

5 Questions Locked
- Advanced Copy & Paste
13
6 min

- Advanced Copy & Paste

5 Questions Locked
- Crazy Fields
14
3 min

- Crazy Fields

5 Questions Locked
- Frame Tricks
15
4 min

- Frame Tricks

5 Questions Locked
- Zooming Tricks
16
1 min

- Zooming Tricks

5 Questions Locked
- Light vs Dark Theme
17
2 min

- Light vs Dark Theme

5 Questions Locked
- Class Project 02 - Event Card
18
1 min

- Class Project 02 - Event Card

5 Questions Locked
- Class Project 02 - Completed
19
8 min

- Class Project 02 - Completed

5 Questions Locked
- Grid v Constraints v Autolayout
20
5 min

- Grid v Constraints v Autolayout

5 Questions Locked
- Grids & Columns
21
5 min

- Grids & Columns

5 Questions Locked
- Rows & Columns
22
4 min

- Rows & Columns

5 Questions Locked
- Grid Styles
23
1 min

- Grid Styles

5 Questions Locked
- Grids Inside of Frames
24
3 min

- Grids Inside of Frames

5 Questions Locked
- Class project 03 - Branding
25
4 min

- Class project 03 - Branding

5 Questions Locked
- Icon Plugins
26
6 min

- Icon Plugins

5 Questions Locked
- Widgets vs Plugins
27
3 min

- Widgets vs Plugins

5 Questions Locked
- Color Variants
28
5 min

- Color Variants

5 Questions Locked
- Outro
29
1 min

- Outro

5 Questions Locked
AI Mentor