ProtoFlow – Offline Clickable Prototypes
Esporta prototipi cliccabili offline da Figma in HTML+PNG. Perfetto per test e demo
Plugin Preview
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 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)
Plugin Details
| Version | 6 |
|---|---|
| Created | June 5, 2025 |
| Last Updated | July 22, 2025 |
| Category | Prototyping & animation plugins |
| Creator | Francesco Cerisano |
| Stats | 18 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdnjs.cloudflare.com
More Like This
Discover other plugins in the Prototyping & animation plugins category.