This Figma Tutorial is a course for beginners in the UX/Figma world.
Watch the Adobe Figma Essentials Course: https://byol.com/FIGME
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
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/
Follow me on TikTok: https://byol.com/tiktok
source
