The Beginner's Guide to Figma

24m 19s
English
Paid

Figma is a collaborative prototyping tool that allows you to responsively design your applications, with resolution presets for all of the most popular devices. In this course, we will explore the fundamentals of Figma’s toolset that you can use for various design functions.

Read more about the course

We will start from scratch, then walk through scenarios you may encounter when designing a website or application. We will cover building reusable designs — known as “components” in Figma — all the way up to prototyping your designs to show screen transitions and animations between state.

By the end of the course, you will understand the basics of Figma so you can use it to your advantage when building your next app or website.

Watch Online The Beginner's Guide to Figma

Join premium to watch
Go to premium
# Title Duration
1 Create a Mobile, Tablet and Desktop Frame in Figma 01:01
2 Build Reusable Designs with Figma Components 03:47
3 Add a Reusable Figma Component to Multiple Frames 02:15
4 Create a Simple Icon with Figma Ellipse and Pen Tool 02:02
5 Duplicate Grouped Vectors to Create a Patterned Logo in Figma 02:15
6 Establish a Typography System in Figma with Text Styles 02:59
7 Create Figma Color Styles to Reuse Across Frames 04:05
8 Reuse a Drop Shadow in Figma with Effect Styles 01:55
9 Prototype a Screen Transition in Figma 02:17
10 Export and Share Figma Frames 01:43

Similar courses to The Beginner's Guide to Figma

Advanced Figma Video Course + Let's Design Together Add-on

Advanced Figma Video Course + Let's Design Together Add-onAndrija Prelec

Category: Figma
Duration 20 hours 58 minutes 42 seconds
Design a Responsive Airbnb Website with Figma

Design a Responsive Airbnb Website with Figmazerotomastery.io

Category: Figma
Duration 11 hours 17 minutes 58 seconds
Pixel Perfect Figma to Tailwind

Pixel Perfect Figma to Tailwindprotailwind.com (Simon Vrachliotis)Simon Vrachliotis

Category: CSS, Figma
Duration 2 hours 40 minutes 16 seconds
Kickstart your UI/UX Design Career / DesignCourse UI/UX

Kickstart your UI/UX Design Career / DesignCourse UI/UXGary Simon

Category: Figma, Other (Graphic)
Duration 16 hours 33 minutes 33 seconds
UI UX Design Hybrid from Figma to HTML CSS and JavaScript

UI UX Design Hybrid from Figma to HTML CSS and JavaScriptudemy

Category: Figma
Duration 31 hours 51 minutes 43 seconds
Learn Figma - UI/UX Design Essential Training

Learn Figma - UI/UX Design Essential Trainingudemy

Category: Figma
Duration 3 hours 55 minutes 26 seconds
Motion Design with Figma: Animations, Motion Graphics, UX/UI

Motion Design with Figma: Animations, Motion Graphics, UX/UIzerotomastery.io

Category: Figma
Duration 10 hours 11 minutes 31 seconds
Beginner Figma Video Course

Beginner Figma Video CourseAndrija Prelec

Category: Figma
Duration 3 hours 22 minutes 35 seconds
Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more

Complete Web & Mobile Designer in 2023: UI/UX, Figma, +moreudemyzerotomastery.io

Category: Figma, Other (Graphic)
Duration 20 hours 31 minutes 41 seconds