Sådan fungerer det uden designkompetencer
Når du skriver en prompt, fortolker Flowstep din beskrivelse og træffer alle de visuelle beslutninger som en designer normalt ville gøre: hvordan man arrangerer elementer på skærmen, hvilke fonts man skal bruge, hvor meget hvidt rum man skal tilføje, og hvordan man etablerer et visuelt hierarki som vejleder øjet. Du beskriver formålet og indholdet; Flowstep producerer en skærm som ser ud til at være professionelt designet.Tips til at skrive gode prompts
Fokuser på tre ting: formålet med skærmen, de vigtigste informationer den skal vise, og produkttypen eller publikum. Start med formålet med skærmen Start med hvad skærmen skal gøre. “Tilmeldingsskærm for en måltidsplanlægningsapp” fortæller Flowstep meget mere end en liste over UI-elementer. Nævn det vigtigste indhold eller handlinger Medtag de vigtigste ting en bruger skal se eller gøre. Du behøver ikke at liste alt — bare de elementer der betyder mest for oplevelsen. Referér til en produkttype eller publikum hvis det hjælper At nævne den slags produkt (f.eks. consumer mobile app, B2B dashboard, e-commerce checkout) hjælper Flowstep med at matche den rigtige visuelle tone og konventioner.Eksempelprompts at prøve
Her er nogle få prompts der fungerer godt, skrevet på almindeligt engelsk uden designterminologi: Onboarding flow for en fitnesstracker-app“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.”Indstillingssider for et SaaS-produkt
“Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look.”Mobil checkout-skærm
“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.”
Disse prompts fungerer ikke fordi de bruger designsprog, men fordi de klart beskriver skærmens formål, indhold og kontekst. Det er alt hvad du behøver.