Back to Plugins
Auto Prototype

Auto Prototype

Wire up prototype flows in one click. Select screens, hit go.

Plugin Preview

Auto Prototype 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

Version1
CreatedMarch 29, 2026
Last UpdatedMarch 29, 2026
CategoryPrototyping & animation plugins
CreatorRustin
Stats12 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none