Fabio Staiano – författare

Discover user experience and user interface design best practices while mastering a wide array of tools across Figma and FigJam with this full-color guideKey FeaturesLearn the basics of user experience research, result organization, and analysis in FigJamCreate mockups, interactive animations, and high-fidelity prototypes using this platform-independent web application toolCollaborate with a team in real-time and create, share, and test your designsBook DescriptionA 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.What you will learnExplore FigJam and how to use it to collect data in the research phaseWireframe the future interface with shape tools and vectorsDefine grids, typography, colors, and effect styles that can be reused in your workGet to grips with Auto Layout and the constraints to create complex layoutsCreate flexible components using styles and variantsMake your user interface interactive with prototyping and smart animateShare your work with others by exporting assets and preparing development resourcesDiscover templates and plugins from the communityWho this book is forThis book is for aspiring UX/UI designers who want to get started with Figma as well as established designers who want to migrate to Figma from other design tools. This guide will take you through the entire process of creating a full-fledged prototype for a responsive interface using all the tools and features that Figma has to offer. As a result, this Figma design book is suitable for both UX and UI designers, product and graphic designers, and anyone who wants to explore the complete design process from scratch.

A fully updated guide to Figma's most powerful features, built around a new project and refreshed interface, giving you everything you need to design adaptive UIs, prototype realistic flows, and streamline handoff with Dev ModeKey FeaturesThird edition of the bestselling book, updated with a new project, refreshed interface, and the latest design trendsBuild adaptive, production-ready UIs with variables, modes, components, variants, AI, and Auto LayoutPrototype branched flows with conditional interactions and interactive componentsBook DescriptionFigma has evolved, and so should your workflow. In this fully updated third edition of Designing and Prototyping Interfaces with Figma, you will explore the platform’s most powerful additions, including Variables, Conditional Prototyping, and a redesigned interface that reshapes how you work. This edition is built around a new, real-world project that takes you from brief to handoff and anchors every concept in practical, day-to-day design tasks.Across the project, you will create responsive layouts with Auto Layout, components, and variants; build scalable design systems; and prototype realistic, branched flows with conditional interactions. You will test on devices, collect feedback, and iterate with confidence, applying patterns and checklists that translate directly to team workflows and real product constraints.Collaboration gets equal focus. You will learn how Dev Mode bridges the work of designers and developers for a smoother, more structured handoff with clear specs and variable-aware inspection. The book closes with a pragmatic look at emerging AI-powered tools, helping you evaluate where they might add value without replacing your creative judgment. Whether you are new to UI/UX design or sharpening your practice, you will come away with a proven workflow to ship adaptive, production-ready designs.What you will learnCreate mobile-first wireframes focused on structure, using shape tools, the Pen tool, and vector networksUse Variables and Modes to manage content, states, and themes at scalePrototype realistic flows with transitions, Smart Animate, overlays, and interactive componentsMake layouts truly responsive with Auto Layout, nesting, resizing, and constraintsBuild, document, and maintain scalable design systems with Components, Styles, and Dev Mode for handoffExplore AI plugins as an optional aid to support, not replace, your design workflowWho this book is forThis book is for aspiring UX/UI designers who want to get started with Figma as well as established designers who want to migrate to Figma from other design tools. This guide will provide you with a walkthrough of the entire process of creating a full-fledged prototype for a responsive interface using all the tools and features that Figma has to offer. As a result, this book is suitable for both UX and UI designers, product and graphic designers, as well as anyone who wants to explore the complete design process from scratch.