Prototyping for Android in Principle
summary
Principle integrates with Sketch and wins for quick high‑fidelity flows and micro‑interactions: claim is low learning curve and good handoff because it exports mov/gif and exposes spring animation values and timing numbers. Demo builds a real Android sign‑in → feed flow with a username that lifts into a header, a flashing cursor hack, scrollable feeds, and a FAB that spins into actions, and it works live. Limits include unadjustable auto transitions and clickable layers needing a fill not zero so a common workaround is the invisible hotspot hack.
AI-written summary · about
chapters (16)
- 0:00Intro
- 0:10Twitter
- 0:21Designers
- 0:32Prototyping Tools
- 1:08Paper
- 1:27Envision
- 1:59Framer JS
- 2:30Framer Pics
- 3:13Principle
- 3:49Native Code
- 4:17Flow Graph
- 4:38Low Learning Curve
- 4:57Principle Trial
- 7:11Principle Drivers
- 21:37Transitions
- 26:10Auto transitions
related talks
43mMeaningful motion design and how to implement it
42mHow to Make an App
25mGetting started on Android UI design hub
34mDesign System Driven Android Development: A Guide to Automation Tools
48mIt's all Fun & Games on Android
34mSmooth Criminals, Android animations and how not to get robbed.
32mA Designer’s Challenge: Trying Android Engineering
20mDesigning for both iOS and Android—the right way