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

Getting started with grids

At this stage, we understand that the design of any interface consists of technical and analytical solutions aimed at satisfying a user's needs. Remember that a good designer will never let personal taste affect a product. Therefore, the design of an interface, except for the initial stages of creating sketches and wireframes, must be done with precision for every detail. Figma has a whole bunch of dedicated tools to help you achieve this successfully.

Starting from this chapter, you will no longer have random frame sizes, colors, fonts, and other elements in your design files. From now on, you have to move forward only when you are confident in every step of creating the interface of your application. Therefore, you will need tools to help you minimize or eliminate possible errors. One of these is grids, and the first section of this chapter will be devoted to this amazing function.

Grids are everywhere

Grids are a very old design tool, dating...