Sorgenti SVG da personalizzare
Modifica testi, forme e disposizione. Conserva il pacchetto originale e lavora su una copia per confrontare le revisioni.
Progettazione di servizi di immagini AI · Risorse SVG
Kit UI per immagini AI: progetta il percorso prima del codice
Questo kit UI aiuta sviluppatori indipendenti e team di prodotto a progettare un servizio di immagini AI oltre il campo del prompt. Esamina insieme generazione, cronologia e scelta del piano. Poi adatta le schermate SVG con AI UI Designer Skill, gratuito in Codex o Claude Code, secondo i testi, i campi e lo stile del tuo prodotto.
Incluso con un abbonamento a pagamento attivo. Non vengono scalati crediti.
Progetti SVG statici · Testi di esempio in cinese · Nessun codice applicativo
- Pagine desktop
- 6
- Temi colore
- 2
- Riferimenti mobili
- 2
- Sorgenti modificabili
- SVG
Cosa succede prima e dopo la creazione di un’immagine?
Controlla l’accesso al servizio, la gestione dei lavori e la scelta dei piani. Ogni pagina desktop comprende un wireframe in scala di grigi e una versione chiara e scura, per valutare struttura e aspetto.
Home del servizio
Valuta presentazione del prodotto, immagini di esempio e ingresso alla generazione.
Accesso e registrazione
Esamina i campi di accesso e consulta registrazione ed errori nella tavola degli stati.
Area di generazione
Organizza prompt, modello, proporzioni, quantità, costo in crediti e risultati.
Cronologia delle immagini
Pianifica ricerca, dettagli, riutilizzo dei parametri e conferma di eliminazione.
Piani e crediti
Confronta saldo, piani di esempio e progetti dei risultati d’acquisto.
Impostazioni dell’account
Disponi modifica del profilo, conferma del salvataggio e uscita dall’account.
Le anteprime mostrano i testi cinesi del pacchetto e dati fittizi. Pulsanti, moduli e schermate di acquisto sono elementi statici.
Schermate, componenti e stati da valutare insieme
Lo ZIP raccoglie i progetti modificabili e le indicazioni di scenario, così puoi confrontare le modifiche con le altre pagine del servizio.
Prima la struttura, poi il tema
I progetti includono 2 file JSON di tema. Esamina la gerarchia nei wireframe e scegli la versione chiara o scura da cui partire.
Anche attese, errori e schermate vuote
Consulta pulsanti, campi, selettori, schede e finestre di dialogo, insieme agli stati di generazione in corso, cronologia vuota, crediti insufficienti, errore di accesso e pagamento non riuscito.
Riferimenti mobili con un perimetro chiaro
Area di generazione e cronologia sono disegnate a 390px di larghezza. Per le altre pagine, il comportamento mobile è descritto nello scenario, senza disegni mobili separati.
Importa il pacchetto e adattalo al tuo servizio
Usa lo Skill gratuito per importare le risorse. Gli script di supporto richiedono Python 3.9 o successivo.
- 1
Scarica lo ZIP con il tuo abbonamento
Accedi con un abbonamento AI UI Designer a pagamento attivo. Il download del pacchetto non consuma crediti di generazione.
- 2
Indica allo Skill il percorso del file
Installa AI UI Designer Skill in Codex o Claude Code e chiedi all’assistente di importare lo ZIP dal suo percorso locale.
- 3
Descrivi le modifiche e controlla il risultato
Specifica tema, contenuti e disposizione. Esamina lo SVG e continua a modificare la copia di lavoro, mantenendo intatte le risorse originali.
Esempio di richiesta: immagini per un catalogo prodotti
Usa il tema chiaro del pacchetto di generazione immagini per progettare un’area dedicata alle immagini di catalogo. Prevedi nome del prodotto, caratteristiche da evidenziare e scelta delle proporzioni. Mantieni l’indicazione del costo in crediti e le schede dei risultati. Fornisci il progetto in SVG modificabile.
Partire dai requisiti o da schermate già progettate?
Lo Skill gratuito consente di progettare dai propri requisiti, importare pacchetti e applicare temi. Per scaricare questo insieme di pagine dal sito serve un abbonamento a pagamento attivo.
- Progettare dai propri requisiti
- Skill gratuito · Gratuito
- Importare pacchetti e applicare temi
- Skill gratuito · Gratuito
- Scaricare queste pagine
- Pacchetto di scenari · Abbonamento a pagamento attivo
- Usare localmente i file scaricati
- Pacchetto di scenari · Anche dopo la fine dell’abbonamento
FAQ
Cosa ricevi e cosa resta da sviluppare
File, lingua dei testi e condizioni di download spiegati prima di iniziare.
Verifica le schermate, poi rendile adatte al tuo prodotto
Esamina generazione, cronologia e piani nelle anteprime del kit UI. Se il percorso risponde alle tue esigenze, scarica gli SVG con il tuo abbonamento a pagamento attivo e adattali con lo Skill gratuito.
Scarica i progetti SVGIncluso con un abbonamento a pagamento attivo. Non vengono scalati crediti.