> ## 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.

# Como usar Flowstep sem experiência prévia em design

> Você não precisa de uma formação em design para criar telas de UI fantásticas com Flowstep. Aprenda como descrever o que você quer e deixe o Flowstep fazer o resto.

Não há necessidade de saber a diferença entre uma tipografia e uma fonte, compreender sistemas de grid ou ter aberto uma ferramenta de design antes. Flowstep trata o layout, tipografia, cor, espaçamento e hierarquia visual automaticamente — seu trabalho é simplesmente descrever o que você deseja.

## Como funciona sem habilidades de design

Quando você digita um prompt, Flowstep interpreta sua descrição e toma todas as decisões visuais que um designer normalmente faria: como organizar elementos na tela, quais fontes usar, quanto espaço em branco adicionar e como estabelecer uma hierarquia visual que guia o olhar. Você descreve o propósito e o conteúdo; Flowstep produz uma tela que parece ter sido projetada por um profissional.

<Tip>
  Pense em fazer um prompt no Flowstep da mesma forma que você briefaria um designer. Você não diria a um designer qual tamanho de fonte usar — você diria para o que a tela é e o que ela precisa comunicar. Flowstep funciona da mesma forma.
</Tip>

## Dicas para escrever bons prompts

Foque em três coisas: o propósito da tela, as informações-chave que ela deve mostrar e o tipo de produto ou público.

**Comece com o propósito da tela**

Comece com o que a tela deveria fazer. "Tela de inscrição para um app de planejamento de refeições" diz ao Flowstep muito mais do que uma lista de elementos de UI.

**Mencione o conteúdo ou ações principais**

Inclua as coisas mais importantes que um usuário deve ver ou fazer. Você não precisa listar tudo — apenas os elementos que importam mais para a experiência.

**Faça referência a um tipo de produto ou público se ajudar**

Mencionar o tipo de produto (por exemplo, app móvel para consumidor, dashboard B2B, checkout de e-commerce) ajuda Flowstep a corresponder ao tom visual e às convenções corretos.

<Tip>
  Se seu primeiro resultado não for exatamente certo, não comece novamente — apenas digite um prompt de acompanhamento. Dizer "torne o layout mais minimalista" ou "use um esquema de cores mais escuro" é suficiente para orientar o design em uma nova direção.
</Tip>

## Exemplos de prompts para tentar

Aqui estão alguns prompts que funcionam bem, sem terminologia de design:

**Fluxo de onboarding para um app de fitness**

> "Primeira tela de um fluxo de onboarding para um app de rastreamento de fitness. Deve dar as boas-vindas ao usuário, explicar brevemente o que o app faz e ter um botão para começar."

**Página de configurações para um produto SaaS**

> "Página de configurações para uma ferramenta de gerenciamento de projetos B2B. Inclua seções para perfil, notificações, cobrança e contas conectadas. Use uma aparência limpa e profissional."

**Tela de checkout móvel**

> "Tela de checkout para um app de compras móvel. Mostre um resumo do pedido, um campo para código promocional e um botão destacado para concluir a compra."

<Note>
  Esses prompts funcionam não porque usam linguagem de design, mas porque descrevem claramente o propósito, conteúdo e contexto da tela. É isso tudo o que você precisa.
</Note>