Figma Components: From Zero to Hero | FREE COURSE
► Download Figma UX & UI kits from Envato Elements: https://elements.envato.com/graphic-t... Components in UI design are regular elements, like buttons or forms, and they can be reused multiple times throughout the design process. Working with Figma components means you don’t need to recreate an element each time you need one; you can reuse components from the library. Any changes you make to the main component are then passed down to all the instances within your design. In this Figma components tutorial, you‘ll learn everything you need to know about using components in Figma. 00:00:00 Introduction 00:04:29 Creating one or more components 00:10:38 Main components vs. instances 00:17:51 Making changes to components and instances 00:28:06 Swapping component instances 00:34:39 Naming and organizing components 00:47:00 Using component variants 01:00:26 Working with component properties 01:13:31 Prototyping with interactive components Resources: • Source files: https://github.com/tutsplus/Figma-Com... • Figma: https://figma.com/ • Icons: https://iconset.io/set/ionicons, https://fontawesome.com/ • Cryptocurrency logos: https://cryptologos.cc/ ► Read more on Envato Tuts+: https://webdesign.tutsplus.com/figma-... ► Download unlimited photos, fonts, and templates with Envato Elements: https://elements.envato.com/?utm_camp... Read more on How to Turbocharge Your Components With Figma Variants on Envato Tuts+: https://webdesign.tutsplus.com/tutori... - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Envato Tuts+ Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt... Envato Elements All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_camp... ► Subscribe to Envato Tuts+ on YouTube: / tutsplus ► Follow Envato Tuts+ on Twitter: / tutsplus ► Follow Envato Tuts+ on Facebook: / tutsplus - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

How to Design Social Media Templates in Figma

Build a Design System - Full Course

The Only 6 Web Design Skills That You Need in 2026

If I started UX in 2026, I’d do this

Learn Figma Auto Layout in 30 Minutes | FREE COURSE

Learn Figma in 1 Hour | Complete Beginner Tutorial

Figma for Edu: Advanced protototyping techniques

Designing With AI: Claude, Codex, Figma | Full Guide

Free Figma Crash Course for Beginners 2026 | UI/UX Design

Figma for Education: Learning Auto layout

Figma Tutorial for Beginners - Complete Course 2025

Learn Web Design For Beginners - Full Course

Free Figma UX Design UI Essentials Course

Advanced Figma Prototyping with Variables | FREE COURSE

Ultimate Guide on How to Create Complex Input Fields Components in Figma

Figma Advanced Tutorial: A 2-hour Masterclass

Figma Tutorial | Beginners' Quick Start Guide

Figma Tutorial: Master Figma Components and Variants in 20 Minutes (Beginner Guide)

Figma Tutorial for Beginners

