Skip to main content
Det tar bara några minuter att komma igång med Flowstep. Du registrerar dig kostnadsfritt, beskriver vad du vill bygga, och Flowstep genererar din design omedelbar. Därefter kan du förfina den med följdfrågor, bjuda in ditt team för samarbete och dela resultatet med intressenter — ingen designverktyg eller tidigare erfarenhet krävs.
1

Skapa ditt gratis konto

Gå till flowstep.ai och registrera dig med Google eller med din e-postadress och lösenord. Inget kreditkort krävs för att komma igång.
Om du registrerar dig med e-postadress och lösenord, kontrollera din inkorg för ett bekräftelsemeddelande (“Confirm your Flowstep email”) och klicka på länken för att aktivera ditt konto — du kan skicka det igen från sidan “Check your inbox” om det inte anländer. Engångs-e-postadresser accepteras inte; använd ett arbets- eller personligt e-postkonto.
Efter registrering hamnar du på en kort välkomstskärm: besvara tre snabba frågor och beskriv sedan din första design direkt där — fyra exempelprompts (Dashboard, Landing page, Mobile app, Checkout) är tillgängliga om du vill ha en utgångspunkt.
2

Beskriv den skärm du vill ha

Skriv en prompt på vanlig engelska som beskriver det gränssnitt du har i åtanke. Var specifik om skärmens syfte och eventuella nyckeldelar den bör innehålla.En prompt som “Dashboard for a project management app with a task list, progress bars, and a sidebar navigation” ger Flowstep tillräcklig kontext för att producera en fokuserad, användbar design.
Du behöver inte designvokabulär. Fokusera på vad skärmen är till för och vilken information den bör visa — Flowstep hanterar layouten, typografin, avståndet och färgvalen.
3

Generera dina skärmar

Skicka din prompt och Flowstep genererar din design på sekunder. Du kan generera flera skärmar i en enda session för att utforska olika riktningar eller bygga ut ett helt flöde.
4

Förfina genom konversation

Inte riktigt rätt? Skriv en följdfråga för att justera designen — ändra färgschema, ordna om element, byt ut innehål eller begär en helt annan layout. Du kan också redigera element manuellt eller använda engångskljick-åtgärder i optionsmenyn.
5

Exportera eller dela ditt arbete

När du är nöjd med resultatet väljer du hur du ska dela det:
  • Exportera koden eller via MCP
  • Hämta skärmen som en JPG- eller PNG-fil
  • Kopiera till Figma med tangentkombinationen för att klistra in direkt i en befintlig Figma-fil
  • Dela en länk med lagmedlemmar eller intressenter — de kan visa designen utan att skapa ett konto
Du kan bjuda in ditt team att samarbeta på en Flowstep-fil. De kan gå med och börja bidra inom några minuter.