The Beginner's Guide to Figma
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
All Course Lessons (10)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
UI UX Design Hybrid from Figma to HTML CSS and JavaScript
Kickstart your UI/UX Design Career / DesignCourse UI/UX
Figma Academy 2.0
Pixel Perfect Figma to Tailwind
