> ## 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 o Flowstep sem experiência prévia em design

> Não precisa de uma formação em design para criar ecrãs de UI excelentes com o Flowstep. Saiba como descrever o que pretende e deixe o Flowstep tratar do resto.

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.

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

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

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

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

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