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

# Com utilitzar Flowstep sense experiència prèvia de disseny

> No necessites una formació en disseny per crear pantalles de UI fantàstiques amb Flowstep. Aprèn a descriure el que vols i deixa que Flowstep faci la resta.

No cal saber la diferència entre una typeface i una font, entendre sistemes de graella, ni haver obert mai una eina de disseny. Flowstep gestiona la disposició, la tipografia, el color, l'espaiat i la jerarquia visual automàticament — la teva tasca és simplement descriure el que vols.

## Com funciona sense habilitats de disseny

Quan escrius un prompt, Flowstep interpreta la teva descripció i pren totes les decisions visuals que normalment prendria un dissenyador: com disposar els elements a la pantalla, quines fonts utilitzar, quant espai en blanc afegir i com establir una jerarquia visual que guiï la mirada. Tu descrius l'objectiu i el contingut; Flowstep produeix una pantalla que sembla que l'ha dissenyada un dissenyador professional.

<Tip>
  Pensa en escriure prompts a Flowstep de la mateixa manera que briefaríes un dissenyador. No li diríes a un dissenyador la mida de font que ha d'utilitzar — li diríes per a quina cosa serveix la pantalla i què ha de comunicar. Flowstep funciona de la mateixa manera.
</Tip>

## Consells per escriure bons prompts

Concentra't en tres coses: l'objectiu de la pantalla, la informació clau que hauria de mostrar i el tipus de producte o audiència.

**Comença amb l'objectiu de la pantalla**

Comença amb el que la pantalla ha de fer. "Sign-up screen for a meal planning app" li diu a Flowstep molt més que una llista d'elements de UI.

**Menciona el contingut o les accions clau**

Inclou les coses més importants que un usuari hauria de veure o fer. No cal que llistes res — només els elements que més importància tenen per a l'experiència.

**Fes referència a un tipus de producte o audiència si t'ajuda**

Mencionar el tipus de producte (per exemple, aplicació mòbil de consum, panell de control B2B, checkout de comerç electrònic) ajuda Flowstep a fer coincidir el to visual correcte i les convencions.

<Tip>
  Si el primer resultat no és exacte, no comencis de nou — només escriu un prompt de seguiment. Dir "make the layout more minimal" o "use a darker color scheme" és suficient per dirigir el disseny en una nova direcció.
</Tip>

## Prompts d'exemple per provar

Aquí hi ha alguns prompts que funcionen bé, escrits en anglès simple sense terminologia de disseny:

**Flux d'incorporació per a una aplicació 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 configuració per a un producte SaaS**

> "Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look."

**Pantalla de checkout mòbil**

> "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>
  Aquests prompts funcionen no perquè utilitzin llenguatge de disseny, sinó perquè descriuen clarament l'objectiu, contingut i context de la pantalla. Això és tot el que necessites.
</Note>