The Beginner's Guide to Figma

24m 19s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 10 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online The Beginner's Guide to Figma

0:00
/
#1: Create a Mobile, Tablet and Desktop Frame in Figma

All Course Lessons (10)

#Lesson TitleDurationAccess
1
Create a Mobile, Tablet and Desktop Frame in Figma Demo
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

Unlock unlimited learning

Get instant access to all 9 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

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

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

Sources: Andrija Prelec
Become a master of Figma and soar up the career ladder in design. The course is filled with real tips and tricks from a senior product designer with...
20 hours 58 minutes 42 seconds
Figma for Web Designers

Figma for Web Designers

Sources: flux-academy (Ran Segall)
If you've ever found yourself overwhelmed by Figma's extensive features or wished your workflow could be more efficient for web design projects… Then this course is your golden...
5 hours 31 minutes 58 seconds
Learn Figma - UI/UX Design Essential Training

Learn Figma - UI/UX Design Essential Training

Sources: udemy
Figma is a very powerful application that runs online. There are virtually no platform boundaries when it comes to using figma because you can design within a w
3 hours 55 minutes 26 seconds
Design a Responsive Airbnb Website with Figma

Design a Responsive Airbnb Website with Figma

Sources: zerotomastery.io
Join this course to explore advanced Figma features by designing a responsive website for a fictional rental service. Learn the full design process from initial
11 hours 17 minutes 58 seconds
Motion Design with Figma: Animations, Motion Graphics, UX/UI

Motion Design with Figma: Animations, Motion Graphics, UX/UI

Sources: zerotomastery.io
Learn motion design using Figma from a design industry pro. You'll learn way more than just motion design principles and theory. This projects-based course will
10 hours 11 minutes 31 seconds