Torna alla libreria prompt
Libreria promptPrompt immagine
Tavola sistema di stile UI
Crea una tavola sistema di stile UI multipagina con griglia 8px, token colore, scala tipografica, stati dei componenti ed esempi di layout allineati.
Design systemKit UITipografia
Anteprima
Prompt immagine
Modello consigliato
Seedream 5.0 Lite
Formato output
Template prompt immagine
Anteprima
Prompt immagine
Anteprima per Tavola sistema di stile UI, focalizzata su coerenza del sistema, allineamento alla griglia, token modificabili ed esempi UI pronti per prodotto.
Prompt completo
Tavola sistema di stile UI
Tavola sistema di stile UI multipagina con griglia 8px, token colore, scala tipografica, componenti e layout responsive.
Modello consigliato: Seedream 5.0 LiteFormato output: Template prompt immagine
Prompt completo
Prompt immagineCrea una tavola sistema di stile UI multipagina raffinata per [PRODUCT_OR_BRAND]. Presenta il sistema come un insieme coeso di pagine design su un'unica area di anteprima pulita. Usa una griglia di spaziatura rigorosa da 8px, margini coerenti, allineamento preciso e una gerarchia chiara in ogni pagina. Includi un pannello di token colore con campioni primari, secondari, neutri, semantici e di sfondo; una scala tipografica con stili per titoli, corpo, didascalie e numeri; una scheda componenti con pulsanti, input, card, navigazione, badge e stati vuoti; e due esempi di layout responsive che mostrano proporzioni desktop e mobile. Mantieni il sistema visivamente coerente, modificabile e adatto a un prodotto SaaS, uno strumento per autori, un marchio ecommerce o un cruscotto interno. Usa testi segnaposto realistici solo dove necessario, e mantieni le etichette abbastanza brevi da restare leggibili. Evita loghi reali, sistemi design copiati, nomi di marchi non forniti dall'utente, tipografia distorta, spaziature incoerenti, ombre non abbinate, disordine decorativo, contrasto non accessibile ed esempi di componenti che rompono la griglia.
Note d'uso
Sostituisci tipo di prodotto, tono del brand, direzione palette, lista componenti, esempi di layout e requisiti di accessibilità prima dell'esecuzione.
FAQ prompt
Prima di usare questo prompt
Controlli rapidi su input, fit del modello e come adattare il template senza indebolire il risultato.
Cosa dovrei personalizzare per primo?
Definisci tipo di prodotto, tono del brand, palette base, personalità tipografica, ambito dei componenti e se gli esempi devono sembrare orientati al marketing o alla dashboard.
Questo prompt può creare un sistema design utilizzabile?
Crea un board visivo di sistema di stile per esplorazione e presentazione. Rivedi spaziature, contrasto, tipografia e comportamento dei componenti prima di convertirlo in token UI di produzione.
Cosa dovrei controllare prima di pubblicare l'immagine?
Controlla che le etichette siano leggibili, i campioni colore siano distinti, la gerarchia tipografica sia chiara, i componenti condividano la stessa logica di spaziatura e nessun sistema di brand reale sia stato copiato.
Altri prompt in questa modalità