Modifica le tue linee guida di design
1
Apri il modale Linee guida di design
Nell’intestazione del pannello chat, fai clic sul pulsante Edit design guidelines. Si apre il modale Design guidelines con un editor di testo
DESIGN.md.2
Scrivi o importa le tue linee guida
Digita le tue linee guida direttamente o trascina e rilascia un file
.md nell’editor per importarlo. Il formato segue lo standard design.md aperto di Google — YAML front matter opzionale (chiavi riconosciute: version, name, description, colors, typography, rounded, spacing, components) seguita da sezioni Markdown.3
Salva
Fai clic su Save changes. Da ora in poi, ogni generazione e modifica in questo file utilizza le tue linee guida come contesto obbligatorio.
Le linee guida si applicano solo all’output futuro — i design esistenti rimangono come sono. Sono circoscritti al file corrente e non si trasferiscono ad altri file.
Cose utili da sapere
- Limite di lunghezza — le linee guida possono contenere fino a 50.000 caratteri. I file importati oltre questo limite vengono troncati.
- Validazione — gli errori strutturali (YAML front matter non chiuso, intestazioni di sezione
##duplicate) bloccano il salvataggio. I problemi minori, come le chiavi YAML non riconosciute o i colori che non sono codici hex validi, mostrano avvisi ma salvano comunque. - Esportazione — usa i pulsanti Copy raw file e Download nel modale per copiare o scaricare il tuo
DESIGN.md. - Rimozione di linee guida — cancella il campo di testo e salva per rimuovere le linee guida per quel file.
Flowstep aggiorna le linee guida per te
Quando dai un’istruzione di stile permanente in un prompt — ad esempio, “da ora in poi, usa un tema blu” — Flowstep la rileva e aggiorna automaticamente le tue linee guida di design, confermando nella chat: “Updated your design guidelines to use [style] for future generations.” Le richieste una tantum come “rendilo blu” non cambiano le linee guida; influenzano solo quella generazione.Linee guida di design su MCP
Se lavori tramite il server MCP, gli strumentiget-design-guidelines, update-design-guidelines e delete-design-guidelines leggono e scrivono le stesse linee guida — in modo che il tuo flusso di lavoro IDE e l’app web rimangono sincronizzati. Vedi il riferimento Strumenti.