Book Image

Designing and Prototyping Interfaces with Figma

By : Fabio Staiano
Book Image

Designing and Prototyping Interfaces with Figma

By: Fabio Staiano

Overview of this book

A driving force of the design tools market, Figma makes it easy to work with classic design features while enabling unique innovations and opening up real-time collaboration possibilities. It comes as no surprise that many designers decide to switch from other tools to Figma. In this book, you'll be challenged to design a user interface for a responsive mobile application having researched and understood user needs. You'll become well-versed with the process in a step-by-step manner by exploring the theory first and gradually moving on to practice. You'll begin your learning journey by covering the basics of user experience research with FigJam and the process of creating a complete design using Figma tools such as Components, Variants, Auto Layout, and much more. You'll also learn how to prototype your design and explore the potential of community resources such as templates and plugins. By the end of this Figma book, you'll have a solid understanding of the user interface workflow, managing essential Figma tools, and organizing your workflow.
Table of Contents (17 chapters)
1
Part 1: Introduction to Figma and FigJam
6
Part 2: Exploring Components, Styles, and Variants
11
Part 3: Prototyping and Sharing

Summary

Perhaps this chapter was special for you because, here, you finally saw the live result of your work. You've surely discovered a lot of pleasant surprises – you had already implemented amazing prototyping techniques before this, but it might have been impressive to see how it all works in practice. And even if you found something that didn't work as planned, don't worry, you now have enough experience to correctly identify the source of the problem and fix it quickly. In the future, you will find such errors earlier, because now you know how to monitor and test a prototype in real time, both in the Presentation view and in the Figma application.

Apart from that, you also learned how to share your prototype, embed it to give easier access to it, and let others comment and share their opinions right in Figma. You also learned how to structure your prototype better using Flows, and now your prototype is even better prepared for user testing.

In the...