Description |
1 online resource (465 p.) |
Note |
Description based upon print version of record. |
Contents |
Cover -- Copyright -- Contributors -- Table of Contents -- Preface -- Part 1: Introduction to Figma and FigJam -- Chapter 1: Exploring Figma and Transitioning from Other Tools -- What is Figma? -- Why Figma? -- Creating an account -- Choosing the right plan -- Desktop app vs web app -- Setting up Font Installer -- Transitioning to Figma from Sketch and Adobe XD -- Coming from Sketch -- How difficult is it to go from Sketch to Figma? -- Coming from Adobe XD -- A quick final thought -- Exploring the welcome screen -- Recents -- Drafts -- Community -- Teams and projects -- Figma and FigJam files |
|
Account and notifications -- Summary -- Chapter 2: Structuring Moodboards, Personas, and User Flows within FigJam -- Exploring ideas and collaborating in FigJam -- Exploring FigJam -- A -- Select and Hand tool -- B -- Marker -- C -- Sticky Notes -- D -- Shapes and Connectors -- E -- Text -- F -- Sections -- G -- Tables -- H -- Stamps and Reactions -- I -- Widgets, Stickers, Templates, and more -- Brainstorming with others -- Moving to the next step -- Creating moodboards and personas in FigJam -- Research phase -- Conducting competitive analysis -- Starting a moodboard -- Creating user personas |
|
Building user flow in FigJam -- The golden path -- Be the user -- Summary -- Chapter 3: Getting to Know Your Design Environment -- Starting a new design project -- Design files -- Frames and groups -- Interface overview -- Getting used to the toolbar -- Main tools -- A -- Menu -- B -- Move -- C -- Scale -- D -- Frame -- E -- Section/Slice -- F, G, H, I, J, and K -- Shapes -- L -- Place image/video... -- M -- Pen -- N -- Pencil -- O -- Text -- P -- Resources -- Q -- Hand -- R -- Comment -- Settings and more -- S -- File title -- T -- active users -- U -- Share -- V -- Dev mode -- W -- Present -- X -- Zoom/view |
|
Quick shortcuts -- Exploring the left panel -- Layers and Pages -- Assets -- Exploring the right panel -- Design -- Prototype -- Inactive state -- With an Active selection -- Help Center -- Summary -- Chapter 4: Wireframing a Mobile-First Experience Using Vector Shapes -- Evolving the idea to a Wireframe -- What is a wireframe? -- Why mobile-first? -- Playing with Shapes in Figma -- Basic shapes -- Combining shapes -- Advanced vectors with the Pen tool -- What are vector graphics? -- Discovering the Pen tool -- Vector networks -- Developing the app structure -- Flow to skeleton |
|
Shaping the interface -- What's next? -- Summary -- Part 2: Exploring Components, Styles, and Variants -- Chapter 5: Designing Consistently Using Grids, Colors, and Typography -- Getting started with Grids -- Grids are everywhere -- Guides and layout grids -- Working with Typography, Colors, and Effects -- Typography matters -- Choosing a Palette -- A -- Color modes -- B -- Blend modes -- C -- Color palette -- G -- Eyedropper tool -- H -- Color models -- I -- Color styles -- Creating effects -- Introducing Styles -- Preparing your file -- Creating and managing grid styles |
Note |
Creating and managing text styles |
Subject |
User interfaces (Computer systems) -- Design.
|
|
Computer graphics.
|
|
Infographie. |
|
computer graphics. |
Other Form: |
Print version: Staiano, Fabio Designing and Prototyping Interfaces with Figma Birmingham : Packt Publishing, Limited,c2023 |
ISBN |
9781835465042 |
|
1835465048 |
|