Figma Tutorial: A Crash Course for Beginners
Bring Your Own Laptop
@bringyourownlaptopAbout
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.
Latest Posts
Video Description
Ready to take your Figma skills to the next level? Get unlimited access to 30+ of my courses. 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 #Figma #UXDesign #FigmaTutorial 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/
Essential Camera Gear Upgrades
AI-recommended products based on this video

COTUBLR 31 Inch Computer Desk, Home Office Desk, Simple Modern Small Desk for Bedroom, Writing Desk with Storage Bag, Study Table for Students, Grey Oak

ANXRE 71" Phone Tripod, NT79 Extendable Selfie Stick for Cell Phone&Camera Photo Video Kits, Travel Tripod Stand with Remote for Video Recording, Phone Holder Tripod Compatible with Phone Camera Gopro

Kaiess 62" Tripod for iPhone, Selfie Stick Tripod & Phone Tripod Stand with Remote, Cell Phone Tripod for iPhone, Extendable Travel Tripod Compatible with iPhone 14/13/12 Pro Max/Android

EUCOS 62" Phone Tripod, Tripod for iPhone & Selfie Stick Tripod with Remote, Extendable Phone Tripod Stand & Travel Tripod, Solidest Cell Phone Tripod Compatible with iPhone/Android

Jhcztrk 17.3 Inch Portable Monitor HDMI Type-C Laptop Gaming Monitor, 1600X900 with Built-in Speakers and Tripod External Slim Travel Monitors Second Monitors for Mac Smartphone PS4/PS5/ Gaming

Anker USB C Charger Cable (6ft 100W, 2Pack), USB 2.0 Type C Fast Charging Cable for iPhone 15 / 15Pro / 15Plus / 15ProMax MacBook Pro 2020, iPad Pro 2020, iPad Air 4, Samsung Galaxy S23+/S23 Ultra ClimatePartner certified
![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)](https://m.media-amazon.com/images/I/71N7xhCJnoL._AC_UL960_FMwebp_QL65_.jpg)
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 Nano USB C Wall Charger,45W Fast Charging Smart Display Charger,with 180°Foldable Plug,Smart Recognition,Built-in Care Mode,for iPhone17/16/15 (Non-Battery,One USB-C Port,No Cable Included) ClimatePartner certified

SanDisk 4TB Extreme Portable SSD - Up to 1050MB/s, USB-C, USB 3.2 Gen 2, IP65 Water and Dust Resistance, Updated Firmware - External Solid State Drive - SDSSDE61-4T00-G25

NEEWER Advanced 18 inch LED Ring Light for Phone, LCD Touch Screen, 2.4G Remote Lights Control, 3200-5600K, Tripod Light for iPhone Action Camera, for Studio Makeup TikTok YouTube Video Salon (Black)

SmallRig Half Cage for Canon R5, R5 C & R6 - Camera Cage with Cable Clamp - 3656




















