Designing and Prototyping Interfaces with Figma

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.

Type
ebook
Category
publication date
2022-03-16
what you will learn

Explore FigJam and how to use it to collect data in the research phase
Wireframe the future interface with shape tools and vectors
Define grids, typography, colors, and effect styles that can be reused in your work
Get to grips with Auto Layout and the constraints to create complex layouts
Create flexible components using styles and variants
Make your user interface interactive with prototyping and smart animate
Share your work with others by exporting assets and preparing development resources
Discover templates and plugins from the community

no of pages
382
duration
764
key features
Learn the basics of user experience research, result organization, and analysis in FigJam * Create mockups, interactive animations, and high-fidelity prototypes using this platform-independent web application tool * Collaborate with a team in real-time and create, share, and test your designs
approach
The book will lead you step-by-step into creating a mobile-first responsive interface from scratch by starting off with a complete user research and analysis phase in FigJam, then designing, and finally prototyping a high-fidelity product in Figma. You will learn all the best practices to optimize and improve your workflows while collaborating as a team.
audience
This 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.
meta description
Discover user experience and user interface design best practices while mastering a wide array of tools across Figma and FigJam with this full-color guide
short description
Figma is a great design tool for anyone looking to create a user interface using innovative features and real-time collaboration. This book covers the basics of UX research in FigJam and the process of creating a complete design using Figma tools and features. You'll be able to create your own interactive user interface in Figma from the ground up.
subtitle
Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop
keywords
UI/UX design book, UX/UI design book, Adobe XD, InVision, Axure RP, Product Designer, Whiteboarding
Product ISBN
9781800564183