Prototyping with Figma
Treehouse
Course Summary
In this course, you'll learn how to build interactive and sharable prototypes in Figma, a web-based visual prototyping tool. You'll create a prototype for a "prosumer" mobile photography app, and by the end, you'll have a better understanding of how to create interactive prototypes that can be shared with project stakeholders and team members.
-
+
Course Description
About this Course In this course, you'll learn how to build interactive and sharable prototypes in Figma, a web-based visual prototyping tool. You'll create a prototype for a "prosumer" mobile photography app, and by the end, you'll have a better understanding of how to create interactive prototypes that can be shared with project stakeholders and team members. What you'll learn
- Prototyping
- Figma
- Project collaboration
About the Teacher
Nick is a teacher at Treehouse and an independent game developer. His Twitter handle is @nickrp.
-
+
Course Syllabus
Introducing Figma
Figma is a visual prototyping tool that can be used to create mockups for software interfaces and interaction flows between screens. Before diving into advanced features, it's important to learn about the basic interface elements and concepts. 5 steps- Why Prototype in Figma? 2:51
- Project Setup 6:56
- Navigating the Canvas 6:39
- Arranging Design Elements 9:49
- Introducing Figma 5 questions
Prototyping Designs in Figma
With images and resources in place, we'll build an interface using components and shapes. 5 stepsInteractive Prototypes in Figma
Once you've created a prototype in Figma, you'll want to share it with others. There are several ways to do this. In addition, prototypes can be interactive to demonstrate the flow between different screens. 3 steps