L'App Builder trasforma il semplice testo in schermate funzionanti che puoi vedere in anteprima dentro una cornice di dispositivo, modificare e infine esportare come codice eseguibile. Non scrivi una riga di codice — descrivi a cosa serve l'app e quali schermate vuoi, e l'app pianifica l'intero flusso, semina dati realistici, costruisce ogni schermata e collega la navigazione. Funziona per telefono (iOS/Android), tablet e desktop (web). In questa guida passeremo da una frase in chat a un progetto React e React Native finito.
Cosa ti serve
- FilmMovie Studio installato (macOS o Windows).
- Almeno un fornitore di generazione configurato nelle Impostazioni (per eventuali immagini nell'app).
- Un'idea di massima della tua app — a cosa serve e le poche schermate di cui ha bisogno.
Passo dopo passo
- 1
Apri il Workspace e crea un progetto
Avvia FilmMovie Studio, nel Launchpad clicca su «Nuovo progetto», dagli un nome (es. «App fitness») e conferma. Si apre il Workspace con la tela (Canvas) a sinistra e il pannello chat a destra.
Film Movie StudioRenderApri il Workspace e crea un…Nuovo progettoLaunchpadHubTutti i progettiRecenti
project 1
project 2
project 3ImpostazioniFilm Movie Studio
Un nuovo modo di creare contenuti con l'IA
Descrivi cosa vuoi creare…
SkillModelliDigita / per esplorare gli skill IA
Short DramaE-commerceMusic VideoGamesDocumentaryConsiglio: Tutto l'App Builder vive nella chat — nessuno strumento di design da imparare. Tu descrivi e l'app si assembla davanti a te. - 2
Descrivi la tua idea di app con /app-builder
Nel campo chat scegli lo skill /app-builder e descrivi con parole tue cosa deve fare l'app, es. «Un tracker fitness con una dashboard home, una lista di allenamenti e un profilo». Non elencare i componenti — di' solo a cosa serve l'app e le 1–5 schermate che vuoi.
Film Movie StudioRenderDescrivi la tua idea di app…Nuovo progettoLaunchpadHubTutti i progettiRecentiproject 1project 2
project 3ImpostazioniFilm Movie Studio
Un nuovo modo di creare contenuti con l'IA
Descrivi cosa vuoi creare…
SkillModelliDigita / per esplorare gli skill IA
Short DramaE-commerceMusic VideoGamesDocumentaryConsiglio: Descrivi lo scopo e le schermate, non bottoni e schede. L'app sceglie da sé i componenti e il layout giusti. - 3
Scegli il dispositivo — telefono, tablet o desktop
L'app chiede quale formato costruire e quale aspetto usare. Scegli telefono per un'app iOS/Android, tablet, o desktop per una dashboard web. Scegli anche un tema di colore (es. indaco, smeraldo, scuro).
Film Movie StudioRenderScegli il dispositivo — tel…Nuovo progettoLaunchpadHubTutti i progettiRecentiproject 1project 2
project 3ImpostazioniFilm Movie Studio
Un nuovo modo di creare contenuti con l'IA
Descrivi cosa vuoi creare…
SkillModelliDigita / per esplorare gli skill IA
Short DramaE-commerceMusic VideoGamesDocumentaryConsiglio: Parole come «dashboard» o «app web» significano desktop; «iPad» significa tablet; altrimenti il valore predefinito è telefono. - 4
Guarda comparire sulla tela la scheda dell'app multi-schermata
L'IA pianifica le schermate (es. Login → Home → Profilo), semina dati realistici e costruisce ogni schermata come un albero di componenti. Una scheda app cade sulla tela con una cornice di dispositivo e un'anteprima dal vivo di ogni schermata.
Film Movie StudioRenderGuarda comparire sulla tela…Nuovo progettoFileframe_1frame_2frame_3Trascina un'immagine qui, o clicca per caricare
reference.png - 5
Clicca su Anteprima e naviga le schermate
Clicca su «Anteprima» sulla scheda app — si apre la cornice del dispositivo. Tocca bottoni, righe delle liste e la navigazione in basso per spostarti tra le schermate esattamente come in un'app reale — la navigazione è già collegata.
Film Movie StudioRenderClicca su Anteprima e navig…Nuovo progettoFileframe_1frame_2frame_3frame_460%frame_01.png1024²RemixVariantiframe_02.png1024²
RemixVariantiframe_03.png1024²
RemixVariantiframe_04.png1024²
Generazione… 80%RemixVariantiConsiglio: I dati sono veri dati seminati, quindi liste, grafici e profili sono pieni di contenuto, non riquadri grigi vuoti. - 6
Perfeziona via chat — aggiungi una schermata
Scrivi in chat, es. «Aggiungi una schermata Impostazioni con notifiche e un pulsante di disconnessione». Compare una nuova scheda schermata, collegata automaticamente alla navigazione delle altre schermate.
Film Movie StudioRenderPerfeziona via chat — aggiu…Nuovo progettoImpostazioniAccountAspettoFornitoriUtilizzoPrezziFornitori
kie.aisk-••••••••••••deAPIsk-••••••••••••OpenRoutersk-••••••••••••OpenAIIncolla la chiave APITestElevenLabsIncolla la chiave APITestZ.AIIncolla la chiave APITest - 7
Collega i dati e aggiungi un modulo
Chiedi, es. «Aggiungi un modulo di registrazione che salva in users» oppure «Fai che il feed peschi da una collezione posts». L'app dichiara modelli di dati e collega liste e moduli, così l'input viene catturato e i feed si popolano dal vivo da dati reali direttamente nell'anteprima.
Film Movie StudioRenderCollega i dati e aggiungi u…Nuovo progettoFileframe_1frame_2frame_3frame_4frame_5frame_660%frame_01.png1024²RemixVariantiframe_02.png1024²RemixVariantiframe_03.png1024²
RemixVariantiframe_04.png1024²
RemixVariantiframe_05.png1024²
RemixVariantiframe_06.png1024²
Generazione… 61%RemixVariantiConsiglio: Liste e feed provengono dalle collezioni, quindi appaiono popolati e si aggiornano quando invii un modulo. - 8
Esporta codice React / React Native eseguibile
Quando sei soddisfatto, chiedi l'esportazione. L'app genera un progetto Vite + React (web) eseguibile e un progetto Expo + React Native in una cartella che scegli. Aprilo nel tuo editor ed eseguilo.
Film Movie StudioRenderEsporta codice React / Reac…Nuovo progettoFileframe_1frame_2frame_3Render finale1080p · MP4SalvaFileConsiglio: Scegli solo web per un'app desktop, solo native per un'app telefono, o entrambi — per impostazione predefinita vengono esportati entrambi.
Cosa ottieni
Da una frase hai un'app funzionante multi-schermata: schermate pianificate, veri dati seminati, navigazione collegata e un'anteprima dal vivo in una cornice di dispositivo — più un progetto React e React Native eseguibile pronto da aprire nel tuo editor. Lo stesso schema — descrivi l'idea → scegli il dispositivo → osserva la tela → perfeziona via chat → esporta — funziona per telefono, tablet e desktop.
Consigli da esperti
- Pianifica tutte le schermate in anticipo — indica in un solo messaggio ogni schermata che vuoi e la navigazione viene collegata correttamente.
- Puoi allegare uno screenshot di un'app che ti piace e chiedere di riprodurne il layout e i colori.
- Tutto gira dal vivo nell'anteprima con dati seminati — nessun backend necessario finché non ne chiedi esplicitamente uno all'esportazione.
Provalo tu stesso
FilmMovie Studio è un'app desktop che ti accompagna dall'idea all'esportazione finita. Scaricala e inizia a creare.
Ottieni FilmMovie Studio