BitWithBite
UI/UX · Quick Reference
Lesson 11 — Prototyping Cheat Sheet
In one line: Connect frames with triggers and transitions to turn static screens into a clickable prototype.
Triggers
1On Click. Fires on a tap or click.
2On Hover. Fires when the pointer enters the element.
3On Drag / While Pressing. Fires during a drag or press-and-hold.
Transitions
Instant / Dissolve
Simple cut or fade between frames
Smart Animate
Interpolates identically-named layers between frames
Overlays
Modals/dropdowns shown above the current screen