Auto Prototype
Wire up prototype flows in one click. Select screens, hit go.
Plugin Preview
About this plugin
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
Plugin Details
| Version | 1 |
|---|---|
| Created | March 29, 2026 |
| Last Updated | March 29, 2026 |
| Category | Prototyping & animation plugins |
| Creator | Rustin |
| Stats | 12 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Prototyping & animation plugins category.