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

Exploring ideas and collaborating in FigJam

You were briefly introduced to FigJam in the previous chapter, but now it's time to learn how to use it and for what purposes. You will be guided through a complete workflow of collecting, analyzing, and processing data. This is a necessary part of a designer's work before building any prototype. All designers, freelancers, and those who work in agencies or in-house should devote a significant amount of their working time to the research stage. It will be a very challenging but interesting journey, and FigJam will be our main tool to successfully complete it. Before we gather any data, let's start with an overview of the interface of FigJam.

Exploring FigJam

As you already know, FigJam is completely different from Figma's design file, although it is still implemented in Figma itself, so we still don't need to install anything or create another account to start using it. It's a very easy-to-use tool that...