App Design Apprentice

Book License
What You Need
Book Source Code & Forums
Acknowledgements
	Content Development
	Image Credit
Chapter 1: Book Overview & App Preview
	Why design matters
	About this book
	Chapter summaries
	Setting up Figma
	Taking Figma for a spin
	Key points
Chapter 2: Workspace Tour & Figma Fundamentals
	Exploring the Figma interface
	Starting with a frame
	Adding shapes
	Aligning layers
	Creating Cinematic’s login screen
	Constraining the layers
	Key points
Chapter 3: App Teardowns
	Loading the starter file
	Key points
Chapter 4: Wireframing & Screen Layout
	The importance of wireframing
	Defining the app’s concept
	Designing the movies list
	Components
	Reviewing the current list implementation
	Filtering the list
	Designing the movie detail screen
	Implementing the “Add to Watchlist” feature
	Key points
Chapter 5: Reusable Elements & Data
	Visualizing when to use components
	Getting started
	Organizing with pages
	Reusing and restyling components
	Creating the rating component
	Exploring UI kits & plugins
	Designing the movie details screen
	Adding the cast section
	Adding the user ratings
	Adding movie recommendations to the details
	Challenge
	Key points
Chapter 6: Typography
	Understanding typography
	Mastering typographical jargon
	Building a typographic scale
	Getting started
	Defining the base text style
	Text styles
	Creating text styles
	Handling the bottom navigation
	Key points
Chapter 7: Colors
	Basics of color theory
	Color schemes
	Building your palette
	Applying the color styles
	Advantages of color styles
	Key points
Chapter 8: Transitions & Animations
	Previewing the finished version
	Breaking down the transitions
	Setting up the first navigation
	Handling the Add to Watchlist button
	Making the bottom navigation interactive
	Animations & animation interpolators
	Implementing the navigation animations
	Using animations thoughtfully
	Key points
Chapter 9: Feedback & Testing
	Soliciting feedback
	Preparing the prototype for testing
	Leaving feedback on design files
	Designing the filter feature
	Creating the movie list iteration
	Key points
Chapter 10: Design Systems
	Understanding design systems
	Organizing the colors
	Improving the Typography page
	Cleaning up the Components page
	Handling code generation & asset exports
	Where to go from here?
	Key points
Chapter 11: Recap & Next Steps
	Recapping the book
	Where to go from here?
Conclusion