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

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

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