Modifica la tua app
Anteprima
L’app in funzione accanto alla chat: la barra sopra di essa, modificare una parola direttamente, il tema, spostarsi tra pagine e sezioni, e vederla nelle dimensioni di telefono, tablet o computer.
L’anteprima è la tua app, in funzione, a destra della chat. Tutto ciò che c’è dentro funziona come funzionerà una volta pubblicata: i pulsanti, i moduli, le pagine.
La barra sopra di essa
Da sinistra a destra:
| Cosa fa | |
|---|---|
| Preview, l’icona del codice, l’icona della pila | L’app, il suo codice e Manage. |
| Edit | Clicca su una parola nell’anteprima e riscrivila, oppure su un elemento per cambiarne l’aspetto. La (i) accanto dice come. Vedi più sotto. |
| Theme | I colori e i caratteri di tutta l’app, in un unico posto. |
| Il riquadro al centro | La pagina o la sezione che stai guardando. Aprilo per andare a qualsiasi altra. La freccia alla sua sinistra ricarica l’anteprima. |
| Il quadrato con una freccia | Apre l’app pubblicata, una volta che è pubblicata. |
| Le frecce avanti e indietro | Annulla e ripeti. Compaiono dopo la prima modifica, e ogni clic è un passo, fin dove arriva questa sessione. |
| Il menu delle dimensioni | No frame, Desktop, Tablet o Mobile. Vedi più sotto. |
| I quattro angoli | Schermo intero, e per tornare indietro. |
| × | Chiude l’anteprima, così la chat ha tutta la larghezza. |
Su un telefono
Un telefono ha spazio per un solo pannello alla volta. Due pulsanti in basso, Chat e Preview, ti spostano tra la conversazione e la tua app. La × che chiude l’anteprima c’è solo su uno schermo più grande, e Split view (vedi Codice) c’è solo su un computer.
A ogni dimensione
Il menu delle dimensioni mostra l’app come apparirà su ogni schermo.
- No frame riempie il pannello, come nell’immagine qui sopra.
- Desktop la mette in una finestra del browser, con il suo indirizzo pubblicato in alto.
- Tablet e Mobile la mettono in un tablet o in un telefono, alla loro larghezza reale.
Ogni app è costruita per tutte e tre le dimensioni, e misurata alla larghezza di un telefono dopo ogni creazione e ogni modifica. Guardarla qui resta comunque il modo più rapido per vedere cosa vedrà un visitatore da telefono.
Modificare direttamente
Con Edit attivo, il pulsante dice Editing, e l’anteprima smette di essere una pagina da usare e diventa una pagina da modificare. Punta un testo e sopra compare Edit text: clicca e scrivi. Clicca su un elemento qualsiasi e viene messo in evidenza con un contorno, con una barra di strumenti in fondo all’anteprima.
| Strumento | Cosa fa |
|---|---|
| Edit Element | Descrivi in una frase una modifica per questo solo elemento, e l’IA lo riscrive. |
| Text | Riscrivi il testo. |
| Background, Text color, Text style | I suoi colori, e la dimensione, lo spessore, l’allineamento e l’aspetto del suo testo. |
| Opacity, Spacing | Quanto è trasparente, e lo spazio intorno e dentro di esso. |
| Image, Video | Cambia o rimuovi l’immagine o il video che contiene. Su un’immagine, Adjust size & fit stabilisce come riempie il suo spazio. |
| L’icona del codice | Edit code: il codice di questo elemento, in un pannello, da modificare a mano. |
| Duplicate, Delete | Una copia subito dopo di esso, oppure eliminarlo. |
| Cancel, Save | Scarta le modifiche, oppure scrivile nel codice. |
La freccia in fondo ripiega la barra, e × lascia andare l’elemento. Fai doppio clic su un pulsante per andare alla pagina che apre.
Le modifiche fatte con gli strumenti non costano crediti. Edit Element è scritto dall’IA, quindi ne usa qualcuno, come una risposta della chat. Per qualsiasi cosa più grande di un elemento, una nuova sezione, un modulo, una pagina, chiedi nella chat.
Theme
Theme raccoglie i colori e i caratteri che usa tutta l’app, in un pannello a destra. Cambiane uno e ogni punto che lo usa lo segue, in ogni pagina.
- Colors elenca ogni colore, a cosa serve e quante volte lo usa l’app. Clicca su un campione per sceglierne un altro.
- Fonts elenca ogni carattere, con quante volte è usato. Scegline un altro dall’elenco.
L’anteprima mostra ogni modifica mentre la fai. Save & Apply le scrive nel codice, e Cancel rimette tutto com’era. Un tema non costa crediti, e la versione precedente viene conservata in History.
Annulla e History
Annulla e ripeti ripercorrono le modifiche di questa sessione, una per clic. Per qualcosa di più vecchio, ogni modifica viene conservata in History, in alto nell’editor, con un nome che dice cosa ha fatto, e puoi tornare a qualsiasi versione. Anche tornare indietro viene conservato come versione, così puoi tornare avanti di nuovo.
Questa pagina ti è stata utile?