Uploaded February 2024 | Updated September 2026, 3 weeks ago
If you’ve still never used Figma, don’t worry! Now is the time. This Figma tutorial will explain everything you need to get started in just 47 minutes. It will be quick, to the point, and with cool demos you can practice on along the way.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=description
We’ll cover the basics, like account creation and the interface, and then we’ll look at colors, shapes, and file organization, before moving on to more intermediate subjects like auto layout, components, and prototyping. This is literally everything you need to start using Figma today.
00:00 Figma Tutorial
00:34 Brought to you by Envato Elements
00:45 First Figma steps
04:47 Learning the Figma Editor
08:49 Layers, groups, and frames
14:44 Get seriously creative with Envato Elements
15:35 Working with text
19:36 Using shapes and images
26:27 Working with colors
32:27 Working smarter, with Auto Layout
36:37 Reusing elements with Figma Components
42:02 Prototyping in Figma
46:08 Deliver your best work faster with Envato Elements
► Read free web design tutorials on Envato Tuts+: webdesign.tutsplus.com/t/tutorials?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Deeper Dive Into Figma
► Figma Components youtube.com/watch?v=FfeuWbZSRj4
► Figma Auto Layout youtube.com/watch?v=ag0qTaAKqT8
► Figma Variables youtube.com/watch?v=w_rYM0IINAw
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on TikTok: tiktok.com/@envato
► Follow Envato on Instagram: instagram.com/envato
► Follow Envato on Facebook: facebook.com/envato
► Explore Envato's full stack of AI tools, all included in your subscription: labs.envato.com/?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=description
If you’ve still never used Figma, don’t worry! Now is the time. This Figma tutorial will explain everything you need to get started in just 47 minutes. It will be quick, to the point, and with cool demos you can practice on along the way.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=description
We’ll cover the basics, like account creation and the interface, and then we’ll look at colors, shapes, and file organization, before moving on to more intermediate subjects like auto layout, components, and prototyping. This is literally everything you need to start using Figma today.
00:00 Figma Tutorial
00:34 Brought to you by Envato Elements
00:45 First Figma steps
04:47 Learning the Figma Editor
08:49 Layers, groups, and frames
14:44 Get seriously creative with Envato Elements
15:35 Working with text
19:36 Using shapes and images
26:27 Working with colors
32:27 Working smarter, with Auto Layout
36:37 Reusing elements with Figma Components
42:02 Prototyping in Figma
46:08 Deliver your best work faster with Envato Elements
► Read free web design tutorials on Envato Tuts+: webdesign.tutsplus.com/t/tutorials?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Deeper Dive Into Figma
► Figma Components youtube.com/watch?v=FfeuWbZSRj4
► Figma Auto Layout youtube.com/watch?v=ag0qTaAKqT8
► Figma Variables youtube.com/watch?v=w_rYM0IINAw
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on TikTok: tiktok.com/@envato
► Follow Envato on Instagram: instagram.com/envato
► Follow Envato on Facebook: facebook.com/envato
► Explore Envato's full stack of AI tools, all included in your subscription: labs.envato.com/?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=description
