> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Defina diretrizes de design para manter cada geração Flowstep alinhada com a marca

> Defina diretrizes de design no nível de arquivo no formato DESIGN.md — cores, tipografia, espaçamento e convenções que direcionam cada geração de IA e edição no arquivo.

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

<Steps>
  <Step title="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`.
  </Step>

  <Step title="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.
  </Step>

  <Step title="Salve">
    Clique em **Save changes**. A partir de agora, cada geração e edição neste arquivo usa suas diretrizes como contexto obrigatório.
  </Step>
</Steps>

<Note>
  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.
</Note>

## 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](/pt-BR/mcp/overview), 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](/pt-BR/mcp/tools).