Design Tools and Handoffs*
summary
Design workflow lists concrete deliverables and tools: screen mockups at 360 x 640 base size, Sketch or Figma sources, asset exports as PNG/JPEG (JPEG at 85% / PNG at 90% to save >50% assets), Zeplin-generated red‑line specs, Principle prototypes plus a timeline and numeric animation specs (durations, delays, easing mapped to Android curves), and Lottie/Bodymovin JSON or AVDs for vector animations. Examples show prototype videos used in production and the exported files working in apps.
AI-written summary · about
chapters (10)
- 0:00Intro
- 0:27Why should you care
- 1:51Visual design
- 5:54Screen design
- 6:26UI design
- 12:34Design specs
- 15:08Interaction design
- 23:39Animation design
- 29:54Summary
- 38:44Whats next
related talks
48mDesign Tools and Design Handoffs — Closing the Gap Between Design and Development
49mDesign Tools - Closing the Gap Between Design and Development
21mDesign handover - tips & tricks
36mDesign Develop Deploy!
34mDesign System Driven Android Development: A Guide to Automation Tools
35mA Developer's guide to the Design Process
43mMajor 🔑s to iOS design
40mThink Like a Designer