Skip to main content
Du behöver inte veta skillnaden mellan ett typsnitt och en font, förstå gridsystem eller ha öppnat ett designverktyg tidigare. Flowstep hanterar layout, typografi, färg, mellanrum och visuell hierarki automatiskt — din uppgift är helt enkelt att beskriva vad du vill.

​
Hur det fungerar utan designkunskap

När du skriver en prompt tolkar Flowstep din beskrivning och fattar alla visuella beslut som en designer normalt skulle fatta: hur man ordnar element på skärmen, vilka typsnitt som ska användas, hur mycket tomt utrymme som ska läggas till och hur man etablerar en visuell hierarki som vägleder ögat. Du beskriver syftet och innehållet; Flowstep skapar en skärm som ser ut som om en professionell designer gjorde det.
Tänk på att skriva prompt till Flowstep på samma sätt som du skulle instruera en designer. Du skulle inte säga åt en designer vilken teckenstorlek som ska användas — du skulle säga vad skärmen är till för och vad den behöver förmedla. Flowstep fungerar på samma sätt.

​
Tips för att skriva bra prompts

Fokusera på tre saker: skärmens syfte, nyckelinformationen som den ska visa och produkttypen eller målgruppen. Börja med skärmens syfte Börja med vad skärmen är tänkt att göra. “Sign-up screen for a meal planning app” säger långt mer till Flowstep än en lista över UI-element. Nämn nyckelinnehållet eller åtgärderna Inkludera de viktigaste saker som en användare bör se eller göra. Du behöver inte lista allt — bara elementen som betyder mest för upplevelsen. Referera till en produkttyp eller målgrupp om det hjälper Att nämna produkttypen (t.ex. consumer mobile app, B2B dashboard, e-commerce checkout) hjälper Flowstep att matcha rätt visuell ton och konventioner.
Om ditt första resultat inte är helt rätt, börja inte om — skriv bara en uppföljning prompt. Att säga “make the layout more minimal” eller “use a darker color scheme” räcker för att styra designen i en ny riktning.

​
Exempel på prompts att testa

Här är några prompts som fungerar bra, skrivna på enkel engelska utan designterminologi: Onboarding flow för en fitness-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.”
Settings page för en SaaS-produkt
“Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look.”
Mobile 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.”
Dessa prompts fungerar inte för att de använder designspråk, utan för att de tydligt beskriver skärmens syfte, innehål och kontext. Det är allt du behöver.