Designing and Prototyping Interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop

Author:   Fabio Staiano
Publisher:   Packt Publishing Limited
ISBN:  

9781800564183


Pages:   382
Publication Date:   16 March 2022
Format:   Paperback
Availability:   In Print   Availability explained
This item will be ordered in for you from one of our suppliers. Upon receipt, we will promptly dispatch it out to you. For in store availability, please contact us.

Our Price $82.77 Quantity:  
Add to Cart

Share |

Designing and Prototyping Interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop


Add your own review!

Overview

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 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 Book 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 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 Who 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.

Full Product Details

Author:   Fabio Staiano
Publisher:   Packt Publishing Limited
Imprint:   Packt Publishing Limited
ISBN:  

9781800564183


ISBN 10:   180056418
Pages:   382
Publication Date:   16 March 2022
Audience:   College/higher education ,  Postgraduate, Research & Scholarly
Format:   Paperback
Publisher's Status:   Active
Availability:   In Print   Availability explained
This item will be ordered in for you from one of our suppliers. Upon receipt, we will promptly dispatch it out to you. For in store availability, please contact us.

Table of Contents

Table of Contents Exploring Figma and Transitioning from Other Tools Structuring Moodboards, Personas, and User Flows within FigJam Getting to Know Your Design Environment Wireframing a Mobile-First Experience Using Vector Shapes Designing Consistently Using Grids, Colors, and Typography Creating a Responsive Mobile Interface Using Auto Layout Building Components and Variants in a Collaborative Workspace User Interface Design on Tablet, Desktop, and the Web Prototyping with Transitions, Smart Animate, and Interactive Components Testing and Sharing your Prototype on Browsers and Real Devices Exporting Assets and Managing the Handover Process Discovering Plugins and Resources in the Figma Community

Reviews

Author Information

Fabio Staiano is an experienced interface designer and Figma Community Advocate from Italy. After having been part of the creative agency Geko for several years, he later became a partner, creating digital products for well-known brands and running local events for the creative community. He then began his career in education in 2016, at The Guru Lab, teaching students about user interface and web design. In 2019, he decided to face new challenges by deepening his development skills at the Apple Developer Academy, where he specializes in frontend development and publishes various apps and boilerplate. Currently, he works as a consultant for IT projects and teaches at private design schools.

Tab Content 6

Author Website:  

Customer Reviews

Recent Reviews

No review item found!

Add your own review!

Countries Available

All regions
Latest Reading Guide

MRG2025CC

 

Shopping Cart
Your cart is empty
Shopping cart
Mailing List