Cos'è Relume?
Relume è un sistema di pianificazione e progettazione assistito dall'intelligenza artificiale per siti Web di marketing. Un brief diventa una proposta di mappa del sito; ogni pagina diventa una sequenza di sezioni con nome; la sezione richiede di generare wireframe reattivi e bozze di copia; e una guida di stile applica colori, tipografia, spaziatura e modelli di interfaccia in tutto il progetto. Il risultato può quindi essere spostato in Figma, Webflow, React, HTML, Claude Design o in un editor di codifica AI.
È più accurato definire Relume un acceleratore di progettazione piuttosto che un costruttore di siti Web finito. La sua stessa documentazione afferma che Design View porta un progetto per lo più verso una direzione visiva, ma lascia la spaziatura esatta, l'animazione personalizzata e il perfezionamento a livello di pixel a Figma o Webflow. Non sostituisce la scoperta, la strategia dei contenuti, un CMS, la pubblicazione, l'hosting, il lavoro sull'accessibilità, l'integrazione, l'ottimizzazione delle prestazioni o il QA della produzione.
Flusso di lavoro con mappa del sito, wireframe e guida di stile
La parte più forte di Relume è la continuità tra architettura dell'informazione e struttura della pagina. La modifica di una sezione della mappa del sito modifica il wireframe collegato e il titolo e la descrizione fungono da prompt dell'intelligenza artificiale. I team possono rigenerare la copia, scambiare componenti, creare pagine, trasformare la navigazione o i piè di pagina in sezioni globali, visualizzare in anteprima i dispositivi reattivi e condividere collegamenti per i commenti dei clienti. Le sezioni globali diventano componenti dopo un'importazione Figma o Webflow supportata.
Ciò è utile per l'ambito, ma una mappa del sito AI è ancora un'ipotesi. Verifica i percorsi degli utenti, l'intento delle parole chiave, i percorsi di conversione, le pagine legali, gli stati degli account, la localizzazione, la proprietà dei contenuti, le raccolte CMS, gli stati vuoti ed errori e la governance. Una sequenza di sezioni generata può sembrare completa omettendo la pagina effettivamente necessaria all'acquirente.
La Visualizzazione Progettazione applica una guida di stile tra le pagine per concetti rapidi. Trattalo come uno strumento di coerenza, non come un'accessibilità finale o una revisione del marchio. I colori generati potrebbero non avere contrasto, i titoli potrebbero non riflettere la struttura semantica, l'ordinamento mobile può richiedere una revisione e i modelli di libreria ripetitivi possono far convergere marchi non correlati. Un progettista dovrebbe possedere il sistema finale e documentare eventuali scostamenti dai token esportati.
Trasferimento di Figma, Webflow, React, Claude e MCP
Il plugin Figma importa interi progetti, pagine o sezioni e può sincronizzare le variabili con l'attuale Relume Figma Kit. L'app Webflow crea pagine e sezioni, mappa le sezioni globali sui componenti Webflow e funziona con la guida di stile Client-First di Relume e l'estensione Chrome. La sincronizzazione delle classi tenta di riutilizzare stili con lo stesso nome, ma versioni di guide di stile o strategie di spaziatura non corrispondenti possono creare classi e variabili duplicate. Testare le importazioni in un progetto usa e getta prima di sostituire le pagine esistenti.
React e l'esportazione HTML espandono il flusso di lavoro oltre Webflow. L'MCP Relume Library a pagamento consente agli editor AI compatibili di recuperare componenti React reali e modificabili tramite slug, file di vendita, primitive, preimpostazioni Tailwind e token nel progetto anziché restituire un'approssimazione inventata. Ciò migliora il determinismo ma non rende il codice automaticamente accessibile, sicuro, leggero o allineato con un’architettura esistente. Esamina dipendenze, semantica, idratazione, gestione delle immagini, punti di interruzione, dimensioni del bundle, test e obblighi di licenza.
Relume offre anche un pacchetto di sistemi di progettazione con un clic per Claude Design. Ciò può ridurre la deriva visiva, ma introduce un’altra piattaforma e un altro passaggio da governare. Conferma quali risorse, loghi, token e materiale del cliente vengono trasferiti e cosa ne fa il servizio di destinazione.
Prezzi attuali e costo totale reale
La pagina USD live visualizzata il 9 agosto 2026 mostrava Gratis a $ 0. Comprendeva un progetto, una pagina, condivisione di sola lettura, esportazione di Site Builder di sola Figma, 30 componenti Webflow, 30 componenti React e il kit di componenti Figma più ampio. Starter costava $ 26 al mese o $ 18 al mese con fatturazione annuale, con un progetto, cinque pagine, commenti, formati di esportazione a pagamento, librerie di componenti, MCP ed esportazione di Claude Design.
Pro costava $ 58 al mese o $ 40 al mese all'anno e rimuoveva i limiti di progetti e pagine. Team costava $ 52 al mese o $ 36 a persona al mese all'anno con un minimo di tre persone, aggiungendo funzionalità Pro per utente, uno spazio di lavoro Team e condivisione con marchio. Le tasse sono escluse e gli abbonamenti si rinnovano automaticamente. I termini prevedono un percorso di dieci giorni per richiedere un rimborso, sebbene le spese di elaborazione possano influire sull'importo.
C'è un'incoerenza nella documentazione che vale la pena notare: le carte del piano attuale offrono una prova di sette giorni su livelli a pagamento, mentre una vecchia FAQ sulla stessa pagina dice che una prova Pro non è disponibile e discute il comportamento Starter/Pro legacy. Verifica il checkout effettivo prima di fare affidamento su una prova. Il costo totale include anche Figma, hosting Webflow, sviluppatori, CMS o infrastruttura, integrazioni e manodopera per trasformare un wireframe in un sito di produzione.
Licenze, privacy e governance del cliente
La licenza di Relume consente ai clienti di creare prodotti finali personalizzati per i propri progetti e per quelli dei clienti e descrive l'uso ripetuto nei progetti. Vieta la ridistribuzione dei componenti, la loro rivendita come risorse, la loro fornitura come libreria di sorgenti modificabile o il loro utilizzo per un prodotto componente concorrente. Le agenzie dovrebbero decidere quali prodotti modificabili riceve un cliente e confermare tale flusso di lavoro rispetto alla licenza corrente, in particolare quando si trasferiscono librerie Figma, sorgente React, componenti Webflow o proprietà dell'account.
L'informativa sulla privacy copre i dati di identità, account, sicurezza, pagamento, browser, analisi e interazione. Ancora più importante, afferma che Relume può utilizzare determinati dati dei clienti per la formazione sull'intelligenza artificiale e lo sviluppo di modelli, rendendoli anonimi o aggregandoli ove possibile, e fornisce un opt-out nelle impostazioni dell'account. “Laddove fattibile” non equivale a una promessa contrattuale di assenza di formazione. Disattivare prima di aggiungere brief confidenziali del cliente e chiedere informazioni su contenuto del progetto, richieste, output generato, conservazione, eliminazione, fornitori di modelli, subresponsabili, regioni, controllo degli accessi, risposta agli incidenti e DPA.
I collegamenti di progetto condivisi meritano le proprie regole. Imposta l'autorizzazione minima, evita di inserire strategie non rilasciate o dati personali nei wireframe, rimuovi i collegamenti client obsoleti e verifica se le sezioni eliminate rimuovono anche i relativi commenti. Conserva un registro esterno dell'architettura approvata e copialo perché i commenti allegati alle sezioni eliminate possono scomparire.
Verdetto
Relume può risparmiare molto tempo quando un team sa già come completare un sito in Figma, Webflow o React. Il suo vero valore non è "l'intelligenza artificiale costruisce un sito Web", ma che la mappa del sito, il wireframe, la copia, la selezione dei componenti, i token, i commenti dei clienti e il trasferimento dell'implementazione utilizzano un sistema coerente.
È un pessimo sostituto della strategia di prodotto o dell’ingegneria della produzione. Provalo su un sito cliente rappresentativo, importalo nell'esatto stack downstream, misura i tempi di pulizia, rivedi la licenza del componente e le impostazioni di formazione AI e confronta l'abbonamento annuale più gli strumenti downstream con le ore effettivamente risparmiate. La metrica giusta sono le pagine approvate e gestibili, non la velocità del primo wireframe.
