Designing and Prototyping Interfaces with Figma: Elevate your design craft with UX/UI principles and create interactive prototypes

by Fabio Staiano

Overview

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.

Product Details

ISBN-13:	9781835465042
Publisher:	Packt Publishing
Publication date:	12/29/2023
Sold by:	Barnes & Noble
Format:	eBook
Pages:	464
File size:	62 MB
Note:	This product may take a few minutes to download.

About the Author

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.

Table of Contents

Table of Contents

1. Exploring Figma and Transitioning from Other Tools
2. Structuring Moodboards, Personas, and User Flows within FigJam
3. Getting to Know Your Design Environment
4. Wireframing a Mobile-First Experience Using Vector Shapes
5. Designing Consistently Using Grids, Colors, and Typography
6. Creating a Responsive Mobile Interface Using Auto Layout
7. Building Components and Variants in a Collaborative Workspace
8. User Interface Design on Tablet, Desktop, and the Web
9. Prototyping with Transitions, Smart Animate, and Interactive Components
10. Testing and Sharing Your Prototype in Browsers and Real Devices
11. Exporting Assets and Managing the Handover Process
12. Discovering Resources, Plugins, and Widgets in the Figma Community
13. Going Advanced with Variables and Conditional Prototyping