ProtoFlow – Offline Clickable Prototypes

💡 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 embeddedDemo da inviare ai clientiPresentazioni offlineContesti in cui Figma non è accessibile🚀 Come funzionaSeleziona 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 localescreens/: la cartella con tutte le schermate e i file HTMLREADME.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 prototiposcreens/: tutte le schermate in PNG + HTML per ogni frameREADME.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 integrateNel 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 daFrancesco Cerisano (Havas Milan)