Skip to main content
Diretrizes de design permitem que você estabeleça regras permanentes — cores, tipografia, espaçamento, convenções de componentes — que Flowstep aplica a cada geração de IA e edição em um arquivo. Em vez de repetir “use our blue theme” em cada prompt, escreva uma vez e a IA segue a partir de então.

​
Edite suas diretrizes de design

1

Abra o modal de diretrizes de design

No cabeçalho do painel de chat, clique no botão Edit design guidelines. O modal Design guidelines abre com um editor de texto DESIGN.md.
2

Escreva ou importe suas diretrizes

Digite suas diretrizes diretamente ou arraste e solte um arquivo .md no editor para importá-lo. O formato segue o padrão aberto design.md do Google — optional YAML front matter (recognized keys: version, name, description, colors, typography, rounded, spacing, components) seguido por seções Markdown.
3

Salve

Clique em Save changes. A partir de agora, cada geração e edição neste arquivo usa suas diretrizes como contexto obrigatório.
Diretrizes se aplicam apenas a geração futura — designs existentes permanecem como estão. Elas estão dentro do escopo do arquivo atual e não se transferem para outros arquivos.

​
Bom saber

  • Limite de comprimento — diretrizes podem ter até 50.000 caracteres. Arquivos importados além disso são truncados.
  • Validação — erros estruturais (unclosed YAML front matter, duplicate ## section headings) bloqueiam o salvamento. Problemas mais suaves, como chaves YAML não reconhecidas ou cores que não são códigos hex válidos, mostram avisos mas ainda salvam.
  • Exportação — use os botões Copy raw file e Download no modal para copiar ou fazer download de seu DESIGN.md.
  • Removendo diretrizes — limpe o campo de texto e salve para remover as diretrizes desse arquivo.

​
Flowstep atualiza diretrizes para você

Quando você fornece uma instrução de estilo permanente em um prompt — por exemplo, “from now on, use a blue theme” — Flowstep detecta e atualiza suas diretrizes de design automaticamente, confirmando no chat: “Updated your design guidelines to use [style] for future generations.” Solicitações pontuais como “make it blue” não alteram as diretrizes; elas afetam apenas essa geração.

​
Diretrizes de design sobre MCP

Se você trabalha através do servidor MCP, as ferramentas get-design-guidelines, update-design-guidelines, e delete-design-guidelines leem e escrevem as mesmas diretrizes — então seu fluxo de trabalho IDE e o web app ficam sincronizados. Veja a Referência de ferramentas.