Scrivere il primo prompt
Scrivere il prompt è il primo passo per costruire l’app che hai sempre voluto. Basta digitare cosa vuoi che l’app faccia e l’IA la costruirà per te. Non devi essere uno sviluppatore o capire il codice. Questo è vibe coding: trasformare le tue idee in app reali semplicemente descrivendole con parole tue.
Build a workout generator. It should create personalized workout plans based on my fitness goals, equipment availability, and time availability in my week.
Build a CRM for photographers. Include features for clients’ galleries, photoshoot bookings, and pricing packages.
Pronto a iniziare?
Portami su Base44 per costruire la mia app
La formula del prompt
“Create a [Function] website. Use a [Layout] structure. Apply a [Visual Style] aesthetic.”Passaggio 1 | Definisci la funzione
Di’ all’IA esattamente quale “lavoro” fa il sito. Un portfolio deve essere audace, mentre una banca deve sembrare sicura.- SaaS Landing Page: Focalizzata su conversione, funzionalità e fiducia.
- Portfolio creativo: Focalizzato su personalità, visual e il fattore “wow”.
- Store e-commerce: Focalizzato su griglie di prodotti, chiarezza e velocità.
- Editoriale o blog: Focalizzato su leggibilità e tipografia.
Passaggio 2 | Scegli lo stile visivo
Descrivi la vibe specifica che vuoi. Va oltre “pulito” o “moderno”.- Tecnologia e fiducia: Glassmorphism (vetro smerigliato) o Aurora Gradients (luce morbida).
- Lusso e storia: Dark Academia (atmosfera cupa, font serif), Eco-Minimalism (tonalità terra) o Monochrome (bianco e nero).
- Creativo e audace: Neo-Brutalism (contorni grezzi, colori contrastanti), Y2K o Vaporwave (estetica retro).
Passaggio 3 | Seleziona il layout
Di’ all’IA come organizzare il contenuto sullo schermo così non deve indovinare.- Bento Grid: Tutto è organizzato in box o celle distinte. È ideale per siti ricchi di funzionalità.
- Scrollytelling: Il sito è una lunga canvas. Mentre scorri, gli elementi si assemblano o appaiono in dissolvenza. Ideale per siti ricchi di storia.
- Split-Screen: Lo schermo è tagliato a metà. Un lato è fisso (testo), l’altro si muove (immagini). Ideale per siti ricchi di prodotti.
Cosa evitare
Per assicurarti che l’IA capisca chiaramente la tua visione, evita questi errori comuni nel prompt:- Richieste vaghe: Commenti come “Rendilo migliore” o “Aggiustalo” senza contesto lasciano l’IA a indovinare. Sii specifico su cosa deve cambiare.
- Troppo tutto in una volta: “Build a full e-commerce site with payments, inventory, reviews, and analytics” in un unico messaggio può causare confusione. Inizia dalla struttura principale e aggiungi funzionalità un passo alla volta.
- Presumere che l’IA ricordi tutto: Se hai parlato con l’IA giorni fa o in una chat diversa, ricordale il contesto.
- Aspettarti che l’IA legga la mente: Se hai un flusso di design o un layout specifico in mente, descrivilo con la massima precisione.
Consigli per grandi prompt
Queste 4 semplici strategie ti aiuteranno a scrivere prompt che ti daranno i risultati migliori con Base44.Sii chiaro e specifico
Più dettagli condividi, migliori sono i risultati. Puoi definire funzionalità aggiuntive più tardi, ma inizia con le più importanti. Per aiutarti a definire chiaramente la Function (Passaggio 1 della formula sopra), prova il semplice framework Chi, Cosa, Perché:
- CHI: Per chi è quest’app? (es., Consulenti indipendenti)
- COSA: Cosa li aiuta a fare? (es., Gestire progetti clienti e scadenze)
- PERCHÉ: Perché qualcuno dovrebbe usarla? (es., Per risparmiare tempo e restare organizzato)
Pensa a chi userà l'app
Immagina come tu, o qualcun altro, userete l’app. Descrivi i passaggi o il viaggio principale che gli utenti faranno, come registrarsi, aggiungere informazioni o tracciare progressi. Questo aiuta l’IA a progettare un’esperienza che risulti naturale e utile.Per esempio, puoi dire all’IA “Users sign up, create a new project, set milestones, and track their progress daily.”
Concentrati sul risultato, non sul processo
Non devi spiegare passaggi tecnici o descrivere come le cose dovrebbero funzionare dietro le quinte.Condividi semplicemente il risultato finale che vuoi, come “Let teachers upload assignments and send feedback to students.” L’IA gestisce tutti i dettagli complessi per te.
Continua a evolvere l'app
Il primo prompt è solo l’inizio. Puoi sempre chiedere modifiche, aggiornamenti o nuove funzionalità.Per app più grandi o complesse, prova a costruire in passaggi. Inizia semplice, poi aggiungi funzionalità o dettagli di design uno alla volta. Sperimenta finché l’app non corrisponde alla tua visione. Ogni volta che dai feedback, Base44 continuerà a migliorare l’app.
Tecniche per risultati migliori
Quando affini l’app, ci sono modi in cui puoi parlare con Base44 che lo aiuteranno a realizzare la tua visione.| Tecnica | Quando usarla | Esempi | Consiglio Pro |
|---|---|---|---|
| ”Rendilo più…” / “Rendilo meno…” | Regola tono, layout o enfasi | - “Make the header less bold.” - “Make the CTA more persuasive.” | Aggiungi il perché: “Make the CTA more persuasive because it’s the final step in the user’s journey." |
| "Aggiungi un…” / “Rimuovi il…” | Aggiungi/rimuovi funzionalità o blocchi UI specifici | - “Add a comments section to each task.” - “Remove the pricing page for now.” | Raggruppa le azioni per maggiore efficienza: “Add a comments section and move it below the task list." |
| "Cambia [questo] in [quello]“ | Regola testo, visual, layout o logica dei componenti | - “Change the sidebar color to charcoal.” - “Change the ‘Submit’ button to say ‘Send Request’.” | Aggiungi contesto: “Change the button text to match the friendly tone used in the rest of the app." |
| "Dovrebbe sembrare come…” | Prendi in prestito stili di app familiari per guidare layout o comportamento | - “It should feel like a mix between Duolingo and Habitica.” - “Like a lighter version of Airtable.” | Chiarisci quali parti: “Use Duolingo’s playful tone and Habitica’s gamified progress system." |
| "Aggiungi logica per…”(opzionale) | Aggiungi regole funzionali o flussi senza codice | - “Add logic to hide completed items from the default view.” - “Send a reminder if no action in 3 days.” | Descrivi il risultato desiderato una volta aggiunta la logica: “Add logic so users get nudged if they haven’t logged in for a week." |
| "Raggruppa o organizza…” | Struttura il contenuto per chiarezza o workflow | - “Group tasks by category” - “Organize settings into collapsible sections” | Menziona le esigenze degli utenti: “Organize tasks by category so users can quickly find what they need." |
| "Aggiungi comportamento condizionale…” | Introduci branching intelligente o funzionalità basate sullo stato | - “Only show the download button after payment is confirmed.” | Inizia semplice, espandi in seguito: “Add the condition first, then I’ll add variations per user type.” |
| Frasi “Permetti agli utenti di…” | Inquadra la funzionalità dal punto di vista dell’utente finale | - “Let users upload documents and tag them.” - “Let users bookmark resources for later.” | Inquadra la funzionalità sbloccando valore per l’utente: “Let users upload documents and tag them so they can easily find them later.” |
Chattare con l’IA
Costruire l’app è una conversazione, non un comando una tantum. Una volta usate le tecniche sopra per affinare la visione, puoi usare l’interfaccia chat per plasmare l’app passo dopo passo. Puoi fare domande, aggiungere nuove funzionalità, aggiornare dettagli o cambiare idea in qualsiasi momento. Non c’è limite a quante modifiche puoi fare. Se vuoi provare un nuovo layout, aggiungere una pagina o rimuovere qualcosa, digita semplicemente la nuova richiesta e l’IA aggiornerà l’app in pochi secondi.
- Modalità Discuss: Usa la modalità Discuss quando vuoi fare brainstorming o parlare di idee con l’IA prima di apportare modifiche. È un ottimo modo per esplorare opzioni e ricevere feedback senza influenzare la tua app live finché non sei pronto. Scopri di più sulle modalità della chat
- Cronologia Revert: Se cambi idea o vuoi tornare indietro, puoi facilmente ripristinare qualsiasi versione precedente dell’app. Sperimenta quanto vuoi, sapendo che puoi sempre annullare o rivisitare versioni passate se necessario. Scopri di più su come annullare le modifiche
FAQ
Clicca una domanda qui sotto per saperne di più sull’uso dei prompt nella chat AI.Perché non riesco a implementare la funzionalità che voglio?
Perché non riesco a implementare la funzionalità che voglio?
Alcune funzionalità potrebbero non essere supportate. Se non sei sicuro, puoi chiedere nel canale di aiuto del nostro Discord.
Perché l'IA cambia parti della mia app che non ho menzionato, e come posso controllarlo?
Perché l'IA cambia parti della mia app che non ho menzionato, e come posso controllarlo?
Puoi usare i controlli AI per limitare le modifiche dell’IA solo alle aree che vuoi aggiornare. È particolarmente utile se altre parti dell’app vengono modificate involontariamente. Scopri di più sulla personalizzazione della chat AI
Come posso rivedere le idee con l'IA prima di usare crediti per le modifiche?
Come posso rivedere le idee con l'IA prima di usare crediti per le modifiche?
Usa la modalità Discuss in fondo alla chat AI. Ti permette di parlare di idee, rivedere la logica o pianificare passaggi con l’IA prima di apportare modifiche o usare crediti. È ideale per assicurarti che gli obiettivi siano chiari ed esplorare alternative prima di applicare aggiornamenti all’app. Scopri di più sulle modalità della chat
Perché l'IA non segue correttamente le mie istruzioni?
Perché l'IA non segue correttamente le mie istruzioni?
Può richiedere all’IA qualche tentativo per ottenere la soluzione perfetta. L’intento non è sempre completamente chiaro e possono comparire piccoli bug. Per ottenere risultati migliori dalla chat, è davvero utile essere il più specifico possibile sull’elemento a cui ti riferisci.Ecco alcuni consigli:
- Usa i Visual Edit per evidenziare direttamente l’elemento e descrivere la modifica desiderata
- Spiega cosa vuoi che accada (piuttosto che cosa è sbagliato)
- Se ripeti i prompt, prova a riformulare con parole chiave come ridisegna o ricostruisci
- Scrivi nel tuo linguaggio naturale: più semplice e chiara è la richiesta, più accurata sarà la risposta.
Cosa devo fare se le risposte dell'IA sono lente o si bloccano?
Cosa devo fare se le risposte dell'IA sono lente o si bloccano?
Se l’IA sta impiegando troppo tempo o sembra bloccata, prova ad aggiornare la pagina o rinviare il prompt. Di solito questo risolve il problema e rimette le cose in moto.
Come posso fare prompt migliori per evitare di perdere modifiche al codice con codice generato dall'IA?
Come posso fare prompt migliori per evitare di perdere modifiche al codice con codice generato dall'IA?
Lavorando con codice generato dall’IA, i risultati potrebbero non essere sempre come previsto. Per ridurre il rischio di perdere le modifiche:
- Usa i controlli AI per aggiungere istruzioni personalizzate o note importanti che vuoi che l’IA ricordi per ogni prompt.
- Ripeti eventuali dettagli o requisiti critici nei prompt, specialmente quando il contesto conta.
- Salva regolarmente il lavoro e tieni copie di backup di versioni importanti del codice.
- Ricorda che il prompt efficace è una competenza. Man mano che acquisisci esperienza e gli strumenti AI migliorano, i tuoi risultati miglioreranno.
- Rivedi attentamente sia i prompt che l’output dell’IA per assicurarti che contesto e requisiti siano gestiti come intendi.
Questa pagina è stata tradotta utilizzando l’IA. Per informazioni più accurate e aggiornate, consulta la versione inglese.