Skip to main content
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.
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.

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

​
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.”
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.