Book Image

Designing and Prototyping Interfaces with Figma - Second Edition

By : Fabio Staiano
Book Image

Designing and Prototyping Interfaces with Figma - Second Edition

By: Fabio Staiano

Overview of this book

Are you a UI/UX designer eager to learn the art of creating compelling interfaces using Figma? Look no further! The highly anticipated new edition is here to transform your creative journey. Explore Figma's latest features and delve into the power of variables and conditional Prototyping. Get ready to transform your static designs into dynamic, interactive prototypes, offering users and stakeholders an immersive experience. Stay at the forefront of design innovation with insights into integrating AI capabilities and optimizing your workflow with the latest Figma plugins. With user-centric design at its core, this book guides you through mastering design thinking, enabling you to tackle complex design challenges with ease. One unique aspect of this edition is its focus on effective communication. Learn how to convey your design vision clearly to both technical and non-technical audiences. In the rapidly changing world of UI/UX design, iteration is key. This book will teach you how to gather user feedback and iterate on your designs by creating interactive prototypes. Whether you're new to Figma or a seasoned pro, this comprehensive guide equips you with the skills to create captivating interfaces, fosters creativity and problem-solving, and makes you an indispensable, forward-thinking designer.
Table of Contents (19 chapters)
Free Chapter
1
Part 1 Introduction to Figma and FigJam
6
Part 2 Exploring Components, Styles, and Variants
11
Part 3 Prototyping and Sharing
17
Other Books You May Enjoy
18
Index

Creating a Responsive Mobile Interface Using Auto Layout

In the previous chapter, you already started the transition from lo-fi to hi-fi, which is the actual design of our video streaming app. It is important to know that this is the stage of the project where you need to be focused, precise, and clear, since your hi-fi files will be used by the developers. It may take you a while to achieve this, which is perfectly fine, but thanks to Figma’s awesome tools, you can avoid inaccuracy as much as possible. In this chapter, you will discover one of those tools, namely auto layout.

The topic you are about to explore in this chapter can be defined as advanced. So, you will first start with the theory, and then smoothly move on to practicing on our project file. But this does not mean that you cannot complement the process of learning new principles in this chapter with your own practice in your draft files. It would be even better if you include in this practice some of the tools...