Skip to main content
Flowstep genererer UI-skærme fra natursprogprompter, så du kan gå fra idé til visuelt design på få sekunder. Om du har brug for en enkelt skærm til at validere et koncept eller et helt sæt skærme, der dækker en hel brugerrejse, er en velformuleret prompt alt, hvad du skal bruge for at komme i gang.

​
Generer et design

1

Åbn et nyt projekt

Fra dit Flowstep-dashboard skal du oprette et nyt projekt eller åbne et eksisterende, hvor du vil tilføje skærme.
2

Skriv din prompt

Skriv en beskrivelse af den eller de skærme, du ønsker. Vær specifik om apptypen, brugerens mål og det indhold, du forventer at se.
3

Angiv, hvor mange skærme du ønsker

Som standard genererer Flowstep en enkelt skærm. Hvis du vil have flere skærme, skal du sige det eksplicit i din prompt – Flowstep kan generere op til 6 skærme fra en enkelt prompt.
4

Generer

Indsend din prompt. Flowstep producerer dine skærme og viser dem i editoren, klar til at gennemgå eller finpudse.
Når du opretter en ny fil og sender dens første prompt, navngiver Flowstep filen for dig ud fra den prompt, så det er nemt at finde senere. En fil, der allerede har et navn – eller tidligere prompts – beholder sit navn, og du kan omdøbe enhver fil selv når som helst.

​
Enkelt skærm vs. flere skærme

Du kan generere enten en skærm eller op til 6 skærme fra en enkelt prompt. Begge tilgange passer til forskellige stadier af designarbejde.
  • En skærm – bedst til at udforske en specifik UI-tilstand, komponent eller fokuseret koncept.
  • Flere skærme – bedst til at kortlægge flows, sammenligne layoutmuligheder eller dække en hel brugerrejse hurtigt.
Når du ønsker flere skærme, skal du være eksplicit i din prompt. Flowstep bruger ordlyden af din prompt til at beslutte, hvor mange skærme der skal produceres, så vage prompts returnerer typisk en enkelt skærm. Genererede skærme navngives Screen 1, Screen 2 og så videre – brug disse navne til at referere til en specifik skærm i opfølgende prompts.

​
Flere måder at prompte på

Tekst er ikke det eneste input. Du kan også:
  • Vedhæft filer – tilføj billeder (JPG, PNG, WEBP) eller dokumenter (PDF, MD, TXT) på op til 3 MB hver til prompten via træk-og-slip, filpickeren eller ved at indsætte. Referencer et vedhæftet billede i din prompt, og Flowstep inkorporerer det i de genererede skærme. Se Use References.
  • Diktér din prompt – klik på mikrofon-knappen i promptlinjen (eller tryk Cmd+Shift+V på Mac, Ctrl+Shift+V på Windows) og tal i op til 60 sekunder. Transskriptionen føjes til det, du allerede har skrevet.
  • Lad Flowstep søge på nettet – når din prompt kalder for det (for eksempel “klon Stripe-prissætningssiden”), kan Flowstep søge på nettet og læse en sides branding – farver, skrifttyper, logo, UI-komponenter – og bruge det i de genererede skærme. Flowstep bestemmer selv, hvorvidt det skal søges, så det udløser ikke nødvendigvis ved hver prompt; bemærk, at genskapte websteder bruger forskellige billeder og navigation end originalen.
  • Indstil designretningslinjer – definer stående stilregler, der gælder for hver generation i filen. Se Design Guidelines.

​
Skrivning af effektive prompts

Enkelt-skærms-prompt-eksempel: “Design a mobile login screen for a fitness tracking app with email and password fields, a sign-in button, and a forgot password link.”
Multi-skærms-prompt-eksempel: “Generate multiple screens for a food delivery app onboarding flow—cover selecting cuisine preferences, entering a delivery address, and confirming the first order.”
Fuld rejse-prompt-eksempel: “Cover the full user journey in a expense reporting app, from submitting a receipt to manager approval.”
Husk disse principper, når du skriver prompts:
  • Nævn platformen (mobile, desktop, tablet), så Flowstep størrelse skærme korrekt.
  • Beskriv brugerens mål, ikke kun UI-elementer – Flowstep udleder layout fra intention.
  • Inkludér nøgleindhold som labels, handlinger eller data, hvis de betyder noget for designet.
  • Brug sætninger som “generate multiple screens” eller “cover the full user journey” for at udløse multi-skærms-output.