Skip to main content
As diretrizes de design permitem-lhe definir regras permanentes — cores, tipografia, espaçamento, convenções de componentes — que Flowstep aplica a cada geração e edição de IA num ficheiro. Em vez de repetir “use our blue theme” em cada prompt, defina-o uma vez e a IA segue-o a partir daí.

​
Edite as suas diretrizes de design

1

Abra a janela modal de Diretrizes de Design

No cabeçalho do painel de chat, clique no botão Edit design guidelines (editar diretrizes de design). A janela modal Design guidelines (diretrizes de design) abre-se com um editor de texto DESIGN.md.
2

Escreva ou importe as suas diretrizes

Digite as suas diretrizes diretamente ou arraste e solte um ficheiro .md no editor para o importar. O formato segue o padrão aberto design.md do Google — YAML front matter opcional (chaves reconhecidas: version, name, description, colors, typography, rounded, spacing, components) seguido de secções Markdown.
3

Guarde

Clique em Save changes (guardar alterações). De agora em diante, cada geração e edição neste ficheiro utiliza as suas diretrizes como contexto obrigatório.
As diretrizes aplicam-se apenas ao resultado futuro — os designs existentes permanecem como estão. Estão limitadas ao ficheiro atual e não se transferem para outros ficheiros.

​
Bom saber

  • Limite de comprimento — as diretrizes podem ter até 50.000 caracteres. Os ficheiros importados para além disso são truncados.
  • Validação — erros estruturais (YAML front matter não fechado, cabeçalhos de secção ## duplicados) bloqueiam a gravação. Problemas menores, como chaves YAML não reconhecidas ou cores que não são códigos hex válidos, mostram avisos mas guardam mesmo assim.
  • Exportação — utilize os botões Copy raw file (copiar ficheiro bruto) e Download (transferir) na janela modal para copiar ou transferir o seu DESIGN.md.
  • Remover diretrizes — limpe o campo de texto e guarde para remover as diretrizes para esse ficheiro.

​
Flowstep atualiza as suas diretrizes por si

Quando dá uma instrução de estilo permanente num prompt — por exemplo, “from now on, use a blue theme” — Flowstep deteta-o e atualiza as suas diretrizes de design automaticamente, confirmando no chat: “Updated your design guidelines to use [style] for future generations.” Os pedidos pontuais como “make it blue” não alteram as diretrizes; afetam apenas essa geração.

​
Diretrizes de design sobre MCP

Se trabalha através do servidor MCP, as ferramentas get-design-guidelines, update-design-guidelines e delete-design-guidelines leem e escrevem as mesmas diretrizes — para que o seu fluxo de trabalho de IDE e a aplicação web se mantenham sincronizados. Consulte a Referência de Ferramentas.