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

Index

A

Adobe Illustrator (AI) 87

Adobe XD

used, for transitioning Figma 9-12

advanced prototyping

with conditionals 412-422

with variables 411-422

advanced user testing 319, 320

advanced vectors

with Pen tool 86

After delay trigger 274

AI flow 367

aliasing 382

Animation parameter 266

app structure

developing 92

interface, shaping 95-100

skeleton flow, creating 93, 95

Asana 376, 377

Assets panel 66, 67

auto layout 142-144

alignment 146, 147

applying, to interface 156

button, shaping 156-167

direction 144

element, adding 147, 148

element, rearranging 147, 148

element, removing 147-149

gap 144

nesting 149, 150

padding 145

view, completing 167-173

B

Background blur 123

blend modes 121

breakpoints 235, 236

Content Detail view 242, 243

Home view 239-242

Login view 238, 239

Sign Up view 239

C

Cascading Style Sheet (CSS) 52, 335...