ProtoFlow – Offline Clickable Prototypes

About this plugin

💡 Cos'è ProtoFlow?

ProtoFlow è un plugin gratuito per Figma che ti permette di esportare un prototipo interattivo cliccabile in locale, in formato HTML + PNG. Nessun hosting, nessuna connessione internet necessaria. Basta un browser.

Perfetto per:

Test utente su dispositivi embedded

Demo da inviare ai clienti

Presentazioni offline

Contesti in cui Figma non è accessibile

🚀 Come funziona

Seleziona uno o più frame da esportare.

Scegli il frame di partenza.

Risolvi eventuali errori o warning.

Clicca “Scarica prototipo”.

Viene generato un archivio .zip con:

start.html: il file principale da aprire in locale

screens/: la cartella con tutte le schermate e i file HTML

README.txt: guida completa all’utilizzo

🧠 Come sono gestite le interazioni?

Ogni collegamento tra frame in Figma diventa un link cliccabile nella pagina HTML.

Gli elementi con Navigate To + Instant vengono interpretati come hotspot.

Anche un’intera schermata può essere interattiva.

📦 Cosa contiene il file ZIP?

start.html: la pagina iniziale del prototipo

screens/: tutte le schermate in PNG + HTML per ogni frame

README.txt: istruzioni complete all’uso, anche per utenti non tecnici

⚠️ Importante: non rinominare o spostare screens/, né i file .html o .png, altrimenti i collegamenti si romperanno.

📘 Istruzioni integrate

Nel tab "Istruzioni" del plugin trovi una guida dettagliata. Puoi anche consultare il file README.txt incluso nell’archivio per avere una versione offline, utile da condividere con il tuo team o clienti.

🔐 Nessun dato viene inviato online.

Tutto il processo avviene localmente nel tuo browser. Le immagini e i file generati non lasciano mai il tuo computer.

👨‍💻 Creato da

Francesco Cerisano (Havas Milan)