Skip to main content
Não precisa de saber a diferença entre uma typeface e um font, compreender sistemas de grelha ou ter aberto uma ferramenta de design antes. O Flowstep trata da disposição, tipografia, cor, espaçamento e hierarquia visual automaticamente — o seu trabalho é simplesmente descrever o que pretende.

​
Como funciona sem competências de design

Quando escreve um prompt, o Flowstep interpreta a sua descrição e toma todas as decisões visuais que um designer normalmente faria: como organizar elementos no ecrã, quais tipos de letra usar, quanto espaço em branco adicionar e como estabelecer uma hierarquia visual que guie o olhar. Você descreve o propósito e conteúdo; o Flowstep produz um ecrã que parece ter sido desenhado por um designer profissional.
Pense no prompt do Flowstep da mesma forma que faria um briefing a um designer. Não diria a um designer qual tamanho de fonte usar — diria-lhe para que serve o ecrã e o que precisa comunicar. O Flowstep funciona da mesma forma.

​
Dicas para escrever bons prompts

Concentre-se em três coisas: o propósito do ecrã, as informações principais que deveria mostrar e o tipo de produto ou público. Comece com o propósito do ecrã Comece com o que o ecrã é suposto fazer. “Ecrã de inscrição para uma aplicação de planeamento de refeições” diz muito mais ao Flowstep do que uma lista de elementos de UI. Mencione o conteúdo ou ações principais Inclua as coisas mais importantes que um utilizador deveria ver ou fazer. Não precisa de listar tudo — apenas os elementos que importam mais para a experiência. Refira um tipo de produto ou público se ajudar Mencionar o tipo de produto (por exemplo, aplicação móvel de consumidor, dashboard B2B, checkout de e-commerce) ajuda o Flowstep a corresponder o tom visual correto e convenções.
Se o seu primeiro resultado não for exatamente o certo, não comece de novo — apenas escreva um prompt de follow-up. Dizer “torne o layout mais minimalista” ou “use um esquema de cores mais escuro” é suficiente para orientar o design numa nova direção.

​
Exemplos de prompts a tentar

Aqui estão alguns prompts que funcionam bem, escritos em inglês simples sem terminologia de design: Fluxo de onboarding para uma aplicação de fitness
“First screen of an onboarding flow for a fitness tracking app. It should welcome the user, briefly explain what the app does, and have a button to get started.”
Página de definições para um produto SaaS
“Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look.”
Ecrã de checkout móvel
“Checkout screen for a mobile shopping app. Show an order summary, a field for a promo code, and a prominent button to complete the purchase.”
Estes prompts funcionam não porque usam linguagem de design, mas porque descrevem claramente o propósito do ecrã, conteúdo e contexto. É tudo o que precisa.