Designing and Prototyping Interfaces with Figma
Elevate your design craft with UX/UI principles and create interactive prototypes
2nd Edition
Published on 29. December 2023
Book
Paperback/Softback
464 pages
978-1-83546-460-1 (ISBN)
Description
Explore the latest Figma features with this newly updated 2nd edition, including Variables and Conditional Prototyping. Learn cutting-edge design principles and create captivating interfaces with this full-color guide.
Key Features
Explore Figma's latest features, including Variables and Conditional Prototyping, to create dynamic and responsive interfaces
Integrate AI capabilities and optimize your workflow with the latest Figma plugins
Create engaging, interactive prototypes that captivate your users and stakeholders
Purchase of the print or Kindle book includes a free PDF eBook
Book DescriptionAre 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.What you will learn
Create high-quality designs that cater to your users' needs, providing an outstanding experience
Mastering mobile-first design and responsive design concepts
Integrate AI capabilities into your design workflow to boost productivity and explore design innovation
Craft immersive prototypes with conditional prototyping and variables
Communicate effectively to technical and non-technical audiences
Develop creative solutions for complex design challenges
Gather and apply user feedback through interactive prototypes
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 provide you 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.
Key Features
Explore Figma's latest features, including Variables and Conditional Prototyping, to create dynamic and responsive interfaces
Integrate AI capabilities and optimize your workflow with the latest Figma plugins
Create engaging, interactive prototypes that captivate your users and stakeholders
Purchase of the print or Kindle book includes a free PDF eBook
Book DescriptionAre 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.What you will learn
Create high-quality designs that cater to your users' needs, providing an outstanding experience
Mastering mobile-first design and responsive design concepts
Integrate AI capabilities into your design workflow to boost productivity and explore design innovation
Craft immersive prototypes with conditional prototyping and variables
Communicate effectively to technical and non-technical audiences
Develop creative solutions for complex design challenges
Gather and apply user feedback through interactive prototypes
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 provide you 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.
More details
Edition
2nd Revised edition
Language
English
Place of publication
Birmingham
United Kingdom
Edition type
Revised edition
Dimensions
Height: 235 mm
Width: 191 mm
Thickness: 25 mm
Weight
859 gr
ISBN-13
978-1-83546-460-1 (9781835464601)
Copyright in bibliographic data and cover images is held by Nielsen Book Services Limited or by the publishers or by their respective licensors: all rights reserved.
Schweitzer Classification
Other editions
Additional editions
Fabio Staiano
Designing and Prototyping Interfaces with Figma
Elevate your design craft with UX/UI principles and create interactive prototypes
E-Book
05/2024
2nd Edition
Packt Publishing Limited
from
€29.99
Available for download
Person
Fabio Staiano is an Interface Designer, educator, and Figma Community Leader based in Italy, with a degree in Communication Design and a background in digital product design.
After several years at the Italian creative agency Geko, where he later became a company partner, he contributed to digital products for established brands while supporting the local creative community. He began teaching user interface and web design in 2016 at The Guru Lab and later expanded his skills at the Apple Developer Academy, specializing in frontend development.
Today, Fabio works as a design consultant, teaches at design academies, and delivers corporate training programs in Italy and abroad, focusing on interface design, design systems, and prototyping.
After several years at the Italian creative agency Geko, where he later became a company partner, he contributed to digital products for established brands while supporting the local creative community. He began teaching user interface and web design in 2016 at The Guru Lab and later expanded his skills at the Apple Developer Academy, specializing in frontend development.
Today, Fabio works as a design consultant, teaches at design academies, and delivers corporate training programs in Italy and abroad, focusing on interface design, design systems, and prototyping.
Content
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 in Browsers and Real Devices
Exporting Assets and Managing the Handover Process
Discovering Resources, Plugins, and Widgets in the Figma Community
Going Advanced with Variables and Conditional Prototyping
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 in Browsers and Real Devices
Exporting Assets and Managing the Handover Process
Discovering Resources, Plugins, and Widgets in the Figma Community
Going Advanced with Variables and Conditional Prototyping