Auto Prototype

Stop manually connecting screens one by one. Auto Prototype scans your selected frames left-to-right, finds primary CTA buttons, and wires your entire flow in seconds.

How it works1. Select a section, or individual screens2. Click "Prototype this"3. Done — CTAs are connected, tall frames scroll, loading screens auto-advanceFeatures → Smart CTA detection — finds Primary Action buttons, Icon Buttons, and custom patterns by layer name→ Vertical scroll — frames taller than 830px automatically get scroll behavior→ Auto-advance — loading/spinner screens navigate to the next screen after a configurable delay→ Bottom sheet — detects shorter frames below a screen and wires close actions→ Transition controls — Smart Animate, Dissolve, Push, or Instant with 7 easing curves→ Auto-clear — clears old connections before wiring, so you always start fresh→ Wire from here — select a mid-flow screen and only re-wire from that point forward→ Custom CTA patterns — add your own layer names for design systems beyond the defaults→ Progress bar — real-time feedback as each screen is processed→ Screen labels — shows the first heading text from each screen in the log for easy identificationPerfect for• Prototyping multi-screen flows quickly for stakeholder reviews• Wiring 10-30+ screen onboarding, signup, or checkout flows• Design critiques where you need a clickable prototype fast• Saving hours of repetitive click-drag-connect work