Designing and Prototyping Interfaces with Figma: Build a modern UI/UX with auto layout, prototyping, and scalable components (Third Edition)

Good interface work involves more than arranging screens: it starts with understanding a product, shaping its structure, and making the design clear enough to test and hand off. Designing and Prototyping Interfaces with Figma takes readers through that wider process, from early FigJam exercises to responsive interface design and interactive prototypes.

In this third edition, Fabio Staiano builds the material around a practical project, connecting Figma’s tools to the decisions designers make along the way. The result is a hands-on guide for learning the workflow—or bringing a more deliberate structure to work already underway.

Start with people, ideas, and flows

The opening chapters introduce Figma and FigJam, including collaborative brainstorming, competitive analysis, moodboards, personas, and user flows. This early emphasis helps place interface decisions in context before the work moves into wireframes and visual detail.

Shape flexible, consistent interfaces

Readers progress through mobile-first wireframing, grids, typography, color, and effects, then apply Auto Layout, resizing, and constraints to responsive designs. Guidance on components, variants, variables, and modes shows how reusable decisions can support consistency across screens and states.

Make prototypes useful for teams

Prototyping topics include transitions, Smart Animate, overlays, interactive components, and conditional interactions. The book also covers testing and sharing prototypes, gathering feedback, exporting assets, and using Dev Mode to support developer handoff. Plugins, widgets, community resources, and AI tools round out the workflow.

A practical route through Figma

With its progression from discovery and wireframing through responsive design, prototyping, and handoff, this Figma guide is suited to aspiring UX/UI designers and experienced practitioners transitioning from other tools or refining their process. It offers a connected view of the work—not just a tour of isolated features.