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