Figma Tutorial: A Crash Course for Beginners
Black Friday Sale - Join BYOL now & save 30% on all plans: https://byol.com/cyber26 Watch + join BYOL for the full Figma course and 10% off: https://byol.com/figmsu Watch the entire course: https://BYOL.com/FIGME Free Exercise Files: https://BYOL.com/FIGMINEXF Try Figma for Free! https://BYOL.com/FIGF 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 Figma Tutorial is a course for beginners in the UX/Figma world. Watch the Figma Advanced Course: https://byol.com/figminiadvprepreg Watch the Adobe Illustrator Essentials Course: https://byol.com/FIGILLE Watch the Adobe Illustrator Advanced Course: https://byol.com/FIGILLA Watch the Adobe Photoshop Essentials Course: https://byol.com/FIGPSE Watch the Adobe Photoshop Advanced Course: https://byol.com/FIGPSA Buy Figma here: https://byol.com/BUYFIG Introduction to Figma tutorial: 0:00 What is UX Design?: 1:04 What is Figma's Role in UX Design: 4:02 The UX Design Brief in Figma: 6:35 Download Free Figma Exercise Files: 9:28 How to create a wireframe in Figma: 10:16 How to add text in Figma: 12:20 How to make a component in Figma: 14:18 How to make a placeholder image in Figma: 17:10 How to copy & paste appearance in Figma: 21:37 How to create a button in Figma: 22:52 How to make a UI card in Figma: 24:58 How to use Smart Selection in Figma: 29:03 How to make an input field in Figma: 31:53 How to use component Instances & Overrides in Figma: 33:36 How to paste in place in Figma: 37:41 How to use Adobe Illustrator with Adobe Figma: 38:50 How to add to an existing component Figma: 42:33 How to prototype in Adobe Figma: 44:41 How to share a Prototype in Figma: 50:11 How to use Photoshop with Figma: 54:07 What is High Fidelity Mockup in Figma: 59:38 How to add colors in Adobe Figma: 1:00:12 How to find Google fonts in Figma: 1:06:06 How to make a Micro Interaction in Figma: 1:08:05 How to export images and code from Figma: 1:14:16 Outro: 1:20:06 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/ #Figma #UXDesign #FigmaTutorial
Suggested videos

Figma Tutorial for Beginners (13-min crash course!)
Flux Academy · 13:22

Adobe Illustrator Tutorial for Beginners: A Free 4 Hour Masterclass
Bring Your Own Laptop · 4:22:49

Adobe Illustrator Tutorial for Beginners
Bring Your Own Laptop · 4:15:00

Free Figma Crash Course for Beginners 2026 | UI/UX Design
DesignWithArash · 1:29:46

Affinity Tutorial for Beginners: A Free 3 Hour Masterclass
Bring Your Own Laptop · 2:52:43

Figma Tutorial for Beginners
Kevin Stratvert · 1:13:17

Master InDesign in 4 Hours | Free Course for Beginners
Bring Your Own Laptop · 3:58:09

The 2025 UI/UX Crash Course for Beginners - Learn Figma
DesignCourse · 1:04:56

How to get started as a Graphic Designer in 2026
Bring Your Own Laptop · 15:07

Design an App in Figma (4 Min Crash Course for Beginners!)
Design Voodoo · 4:00

New Course: Adobe Illustrator Advanced
Bring Your Own Laptop · 2:40

Figma tutorial for Beginners: Complete Website from Start to Finish
Flux Academy · 43:21