#000

https://main--cc--adobecom.aem.live/cc-shared/assets/img/firefly.svg|Adobe Firefly Adobe Firefly

Crea design interattivi con Firefly Builder, il generatore di siti web basato sull’IA

Con Firefly Builder, dai vita a siti web, app e molto altro con facilità: trasforma prompt e riferimenti in design responsive che puoi visualizzare in anteprima e modificare direttamente nell’area di lavoro.

Entra in lista d’attesa

style
dark
#000

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg|Adobe Firefly

Iscriviti alla lista d’attesa di Firefly Builder

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Iscriviti alla lista d’attesa di Firefly Builder

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Iscriviti alla lista d’attesa di Firefly Builder

style
Sticky bottom, dark

Firefly Builder: dove il vibe coding incontra il controllo creativo

Ora si possono dare vita alle proprie idee con rapidità, generando design interattivi e in linea con il brand per siti web e app, senza scrivere una sola riga di codice. Crea e gestisci più progetti in un’unica area di lavoro, regola ogni dettaglio tramite la chat con l’agente IA oppure selezionando e modificando gli elementi direttamente. Poi esporta i pacchetti di codice per apportare ulteriori modifiche.

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links

Mantieni coerenza e controllo con i design system e le funzionalità di modifica nell’area di lavoro

Digita un prompt o carica le linee guida del brand per generare un design system che mantenga lo stile coerente in tutte le versioni. Modifica i design tramite il pannello Proprietà, oppure seleziona un elemento con lo strumento Ispeziona e digita un prompt per descrivere le modifiche da apportare.

Visualizza in anteprima e condividi i design

Firefly Builder dà vita ai design sotto forma di prototipi cliccabili da testare direttamente nell’area di lavoro. Invia un link a stakeholder, clienti e collaboratori per raccogliere feedback e perfezionare tutto prima che inizi lo sviluppo.

Esporta le esperienze dal generatore di siti web basato sull’IA

Invia pacchetti di codice HTML puliti a chi si occupa dello sviluppo o importali negli strumenti adatti per implementare i design.

Come creare design interattivi con Firefly Builder

Fase 1

Entra in lista d’attesa.

Visita firefly.adobe.com/builder e iscriviti alla lista d’attesa di Firefly Builder con il tuo Adobe ID, oppure crea un account gratuito se non ne hai ancora uno.

Passaggio 2

Apri Firefly Builder.

Quando l’app è disponibile, accedi con il tuo Adobe ID.

Fase 3

Inizia a generare il progetto.

Fai clic sull’icona dell’aeroplano di carta nell’angolo in basso a destra della finestra del prompt. Firefly Builder inizia a generare il design nell’area di lavoro e puoi vederne le azioni in tempo reale, passo dopo passo.

Passaggio 4

Visualizza l’anteprima del progetto.

Una volta terminato, Firefly Builder genera un’anteprima interattiva del progetto. Puoi espandere il frame, esaminare i singoli elementi o testare l’esperienza in una nuova scheda del browser.

Passaggio 5

Perfeziona i risultati.

Continua a modificare il progetto selezionando il frame e digitando le istruzioni nella chat dell’agente IA.

Passaggio 6

Facoltativo: genera un altro progetto.

Per creare un nuovo progetto, deseleziona il frame dell’app e riduci lo zoom. Disegna un nuovo frame in qualsiasi punto dell’area di lavoro con lo strumento Frame nella barra degli strumenti in basso. Quindi genera un nuovo design al suo interno selezionandolo e inserendo un nuovo prompt.

Passa da un progetto all’altro selezionandoli sull’area di lavoro o nel menu a discesa nell’area in alto a sinistra del pannello della chat.

Come creare esperienze interattive con Firefly Builder

Passaggi per creare esperienze interattive con Firefly Builder.

PT5M

firefly

Entra in lista d’attesa
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Perché scegliere Firefly Builder come strumento IA per creare siti web?

Firefly Builder mette a disposizione di chi si occupa di graphic design, progettazione UI/UX e lavori creativi di ogni tipo gli strumenti per generare esperienze interattive senza scrivere codice. Che si tratti di creare il prototipo di una semplice web app o di progettare un microsito brandizzato per il lancio di un prodotto, Firefly Builder permette di visualizzare con facilità l’aspetto, l’effetto e la funzionalità del prodotto finale.

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links
#FFF

Controllo creativo

Con la possibilità di generare design system e modificare ogni dettaglio direttamente nell’area di lavoro, Firefly Builder porta il vibe coding a un nuovo livello di precisione.

#FFF

Design interattivo senza codice

Inserisci descrizioni, aggiungi riferimenti visivi e carica le linee guida del brand: lo strumento IA per siti web genera in modo rapido design interattivi che rispecchiano la tua visione.

#FFF

Condivisione in tutta semplicità

Quando il design ti soddisfa, crea un link condivisibile da inviare a collaboratori e stakeholder per la revisione. Nessun file da esportare, nessun passaggio di consegne.

#FFF

Output pronto per l’uso

Firefly Builder produce con rapidità bundle di codice pulito, pronti per essere ulteriormente perfezionati con strumenti di sviluppo web.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Entra in lista d’attesa
background
#FFF
style
xl-top-rounded-corners, static links

Scopri cosa puoi fare con Firefly Builder

Entra in lista d’attesa
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Entra in lista d’attesa
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Entra in lista d’attesa
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Scopri una gamma di funzionalità ancora più ampia

background
#F0F0F7
Da testo a immagine Da immagine a immagine Da schizzo a immagine Generatore di grafica IA Generatore d’arte IA Generatore di disegni IA Generatore di video IA Generatore di animazioni IA Generatore di ritratti IA Generatore di cartoni animati IA Generatore di musica IA Generatore di effetti sonori IA
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Le risposte a ogni tua domanda

Che cos’è Firefly Builder?

Firefly Builder è una web app per creare design interattivi, come siti web e app, senza scrivere codice.

Per chi è pensato Firefly Builder?

È pensato per designer e figure creative che vogliono applicare l’arte dello storytelling visivo a esperienze interattive come siti web e app. Si può usare Firefly Builder per lavori su commissione o per il proprio brand.

Quando posso accedere al generatore IA di siti web Firefly Builder?

L’app è ora disponibile nell’ambito di un programma beta privato. Per saperne di più, visita firefly.adobe.com/builder.

Quali lingue sono supportate?

Al momento, Firefly Builder è disponibile solo in inglese.

Quali tipi di file posso caricare nella finestra dei prompt?

Firefly Builder supporta al momento i seguenti tipi di file: JPEG, PNG, PDF, MD e GIF.

Posso usare il generatore IA di siti web e app Firefly Builder su dispositivi mobili?

Sì. Firefly Builder funziona nei browser web su desktop e mobile. Al momento non supporta l’output di pacchetti di codice per app sui dispositivi mobili.

Quali browser supporta Firefly Builder?

Firefly Builder è compatibile con Google Chrome, Apple Safari, Microsoft Edge e Mozilla Firefox.

Posso modificare i design dopo averli generati?

Sì. Puoi modificarli direttamente dal pannello Proprietà oppure usare lo strumento Ispeziona per individuare elementi specifici e apportare modifiche tramite i prompt.

Condividi questa pagina

style
xxl spacing bottom