Skip to main content
L’AI è al centro del modo in cui progetti in Base44. Descrivi ciò che vuoi in linguaggio naturale, e l’AI aggiorna codice, stili e componenti per te. La modalità Edit ti permette di ritoccare ciò che vedi sullo schermo, e gli AI Controls ti aiutano a impostare dei limiti. Questa pagina copre ogni flusso di lavoro con prompt ed esempi che puoi usare direttamente.
The app editor chat making a design change to an app

Progettare la tua app con l'AI

Per il pannello Theme, i font e lo stile globale di una singola app, vedi Personalizzare il design della tua app.

​
Come funziona il design

Non ti serve uno strumento di design né alcuna esperienza. Il design della tua app fa parte del suo codice, e l’AI modifica quel codice per te: ogni modifica di design è una richiesta in linguaggio semplice, da “rendi i pulsanti più arrotondati” a “riprogetta questa intera pagina”. Ci sono tre modi per fare una modifica di design, e scegliere quello giusto ti fa risparmiare tempo: Un buon ordine per un redesign completo:
  1. Imposta prima l’aspetto generale: colori e font nel pannello Theme.
  2. Chiedi all’AI modifiche a livello di pagina, una pagina alla volta.
  3. Rifinisci i singoli elementi in modalità Edit.
Niente è permanente. Puoi cliccare Revert su qualsiasi prompt per annullare quella modifica, o ripristinare una versione precedente della tua app dalla cronologia delle versioni, quindi sperimentare è sempre sicuro.

​
Progettare nella chat

La chat AI è ideale per modifiche globali e decisioni di design che riguardano molte parti della tua app. Puoi definire una persona e un brief una sola volta, e poi costruire su quella base:
Non ti serve nemmeno il vocabolario del design. Descrivi la sensazione che vuoi, cita un prodotto di cui ti piace lo stile, oppure carica lo screenshot di un design che ammiri e chiedi all’AI di replicarne lo stile:
Schemi utili:
  • Chiedi una critica prima di chiedere le modifiche.
  • Chiedi un piano in modalità Discuss, approvalo, e poi chiedi all’AI di implementarlo.
  • Chiarisci sempre l’ambito del design: l’intera app, una pagina o un elemento.
Esempio:
Dopo la tua revisione:

​
Scegliere un’opzione di design

Quando chiedi all’AI di cambiare il design o il layout di una sezione o di un elemento, potrebbe presentarti opzioni visive tra cui scegliere invece di applicare subito una modifica. Ogni opzione mostra un’anteprima, così puoi vedere il risultato prima di confermare. Puoi anche cliccare l’icona Expand su un’opzione per vederla a schermo intero e affinarla prima di scegliere.
Design options in the chat, with the Expand icon shown on a mockup

Scegliere tra le opzioni di design dell'AI

Descrivi una modifica mirata, come uno sfondo più chiaro, per regolare solo quei dettagli, oppure chiedi una direzione completamente diversa per sostituire quell’opzione. Quando il risultato ti convince, clicca Apply.
Expanded design option showing a mockup preview with a change request typed below it

Affinare un'opzione di design nella vista espansa

​
Esplorare direzioni di design

Puoi usare la chat AI per esplorare direzioni diverse prima di decidere. Non serve descrivere il tuo design attuale: l’AI fa uno screenshot della tua pagina e analizza ciò che è effettivamente presente. Ciclo di critica:
Direzioni alternative:
Una volta scelta un’opzione, puoi chiedere all’AI di applicare quella direzione a pagine simili.

​
Usare la modalità Edit

La modalità Edit è ideale quando vuoi regolare ciò che vedi senza riscrivere tutto.
Visualedittoolbar

La barra degli strumenti della modalità Edit

Clicca Edit nella chat e poi seleziona l’elemento che vuoi modificare. Puoi:
  • Selezionare una sezione e regolare visivamente colori, spaziatura e layout.
  • Chiedere all’AI di ristilizzare una singola istanza di componente.
  • Eliminare gli elementi che non ti servono più con l’icona Delete .
  • Usarla come sandbox sicura prima di estendere un pattern al resto della tua app.
Clicca Edit Element sulla barra degli strumenti Edit per chiedere all’AI di fare le modifiche. Ad esempio:

​
Usare gli AI Controls

Usa gli AI Controls nella chat per guidare e proteggere il tuo design. Puoi:
  • Impostare linee guida di design che si applicano a ogni prompt.
  • Congelare file o pagine specifici in modo che l’AI non li modifichi.
  • Stabilire un tono, come minimale, deciso o giocoso.
Esempio di linee guida:
Sii sempre esplicito sull’ambito nei tuoi prompt. La stessa modifica può applicarsi all’intera app, a una pagina o a un singolo elemento, e l’AI seguirà le tue indicazioni:
Per proteggere le aree che ti soddisfano mentre sperimenti altrove:
  • Usa gli AI Controls per congelare file o pagine specifici in modo che l’AI non li modifichi.
  • Usa l’opzione Revert sui singoli prompt per annullare una singola modifica.
  • Usa la cronologia delle versioni per tornare a uno stato precedente.

​
FAQ

Clicca una domanda qui sotto per saperne di più sulla progettazione con l’AI.
Sì. I prompt di design sono messaggi della chat AI, quindi usano i tuoi crediti messaggio come qualsiasi altra richiesta nella chat.
La modalità Edit stilizza un elemento o una sezione alla volta. Il pannello Theme cambia colori e font in tutta la tua app in una volta sola. Per saperne di più sul pannello Theme, vedi Personalizzare il design della tua app.
Questa pagina è stata tradotta con l’AI. Per le informazioni più accurate e aggiornate, consulta la versione inglese.