A fast and hands-on course to get you started with Figma.
Free tutorial
4.6
Created by Matthijs Mali
English
What you’ll learn
- Figma, UI Design
- Information Architecture
- Logo Design
- App Design
- App Animations
Requirements
- A recent browser
- An external mouse
Description
Great to see you here, aspiring Figma user!
This course covers Figma basics and some more advanced topics. And guides you from designing multiple app screens to making it into an interactive prototype that you can show to your friends and colleagues.
In this course we will start with the basics. You’ll learn to move around in Figma and how the basic drawing functionalities work. From there we’ll quickly cover more advanced topics while you proceed through this course.
With those basic and advanced topics in place. You are ready to create something bigger!
How about building an app that does something everyone can use. A recipe app has all the necessary elements that you need in your later design profession.
You’ll be given all the information necessary to create a recipe app from scratch. After getting through the hour, you’ll have a neatly looking Recipe app that can be tested as a prototype. This prototype is tied together with transitions. So you could even show it to your friends or colleagues and bring it into a testing situation.
Note: Some screens in this course have changed slightly with Figma’s recent update. However, the entire course still works and has been tested to do so.
Who this course is for:
- UX/UI Designers
- Software developers
- Visual Designers
- UX Researchers
- Product Owners
- Beginner Designers
Show less
Course content
3 sections • 14 lectures • 1h 9m total lengthCollapse all sections
Figma Basics5 lectures • 21min
- Creating an account and getting started02:49
- Getting around in Figma02:13
- Design basics: Shapes05:19
- Design basics: Text04:05
- Design basics: Creating a logo06:23
Creating your first app6 lectures • 35min
- Information Architecture03:07
- Splash screen05:03
- Overview screen & Plugins10:10
- Working with Components07:34
- Creation and alignment of multiple components01:45
- Detail screen07:46
Interactive Prototypes3 lectures • 13min
- Adding interactivity06:56
- Overflows & Vertical scrolling03:17
- Advanded animations02:35
