Learning Goals
By the end of this section you will:¶
Figma is a web-based design tool used for creating user interfaces, prototypes, and collaborative design projects. It allows designers to create interactive prototypes that simulate the user experience of a website or application.
Below are some videos that will help you get started with Figma and learn how to create prototypes.
Flux Academy Figma Tutorials¶
Figma Tutorial for Beginners (13-min crash course!)¶
Now that you have learnt the basics, you can check out the rest of the videos in the Flux Academy Figma playlist to learn more advanced features and techniques.
Official Figma Tutorials¶
These tutorials are created by Figma and cover a variety of topics to help you get the most out of Figma.
Figma Design for beginners 2025 playlist
Figma Make playlist
Tutorials: Create your design system in Figma playlist
Tutorials: Explore design features in Figma playlist
Figma Activities
Activity 1 Use Figma to create a prototype of your computer’s calculator application. Just do the standard calculator, don’t worry about scientific functions.
Activity 2 Use Figma to create a prototype of a simple to-do list application. The prototype should include the following features:
Add a new task
Mark a task as completed
Delete a task
View all tasks
Filter tasks by completed and pending
Activity 3 Use Figma to create a prototype of a simple weather application. The prototype should include the following features:
Display current weather conditions
Show a 5-day weather forecast
Allow users to search for weather by city
Display weather icons for different conditions