Design Tools and Design Handoffs — Closing the Gap Between Design and Development
summary
Design files use concrete rules: designers build screens at 360×640 (1x) base size for Android and 320×568 (1x) for iOS, export assets as SVG/PDF or 2x/3x PNGs, and optimize images (example reduction from ~46 MB to ~20 MB by converting to JPEG and compressing). Interaction specs come from Principle demos and Zeplin inspections, animations export as Lottie JSON for Android iOS web, and animated icons use Shape Shifter so developers receive exact measurements, timings, easing curves and ready-to-use files.
AI-written summary · about
chapters (9)
- 0:00Start
- 2:38Why should you care?
- 4:19Visual Design
- 11:48Apple Design Resources
- 13:10Design Assets
- 20:52Design Specs
- 24:06Interaction Design
- 32:21Alternatives
- 33:26Animation Design
related talks
45mDesign Tools and Handoffs*
49mDesign Tools - Closing the Gap Between Design and Development
21mDesign handover - tips & tricks
22mDesigned. an introduction to design for developers
34mDesign System Driven Android Development: A Guide to Automation Tools
15mModern Approach to Designer ❤️ Developer Collaboration
37mCoder Meets Designer: Reconciling Design (...)
17mBlurring the line between designers and developers with Meng To