Back to Plugins
ProtoFlow – Offline Clickable Prototypes

ProtoFlow – Offline Clickable Prototypes

Esporta prototipi cliccabili offline da Figma in HTML+PNG. Perfetto per test e demo

Plugin Preview

ProtoFlow – Offline Clickable Prototypes 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

Version6
CreatedJune 5, 2025
Last UpdatedJuly 22, 2025
CategoryPrototyping & animation plugins
CreatorFrancesco Cerisano
Stats18 installs, 1 likes
PricingFree

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