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

Working with feedback and reviews

At this point, you have gone through the main stages of the design workflow. Our interface is designed, interactive, shareable, and completely ready for the stage of user testing, review, and comparison. However, collecting feedback is a very important part of a designer's job, and you should take it seriously. Other people may see and appreciate your design in a different way, often unexpectedly, so it can be challenging at times. It is also very important to know how to analyze comments and see what is behind them – a simple note about the style or a whole UX case. So, don't be afraid to ask the right questions, respond, empathize with user needs, and try to take criticism as an opportunity to look at your work from a different perspective and possibly make it better. It can be overwhelming at first but don't worry, it all comes with experience, plus, Figma can help you make collaboration and communication with others a greatly...