Skip to main content
Det tar bare noen få minutter å komme i gang med Flowstep. Du registrerer deg gratis, beskriver hva du vil bygge, og Flowstep genererer designet ditt umiddelbart. Derfra kan du finpusse det gjennom oppfølgingsprompts, invitere teamet ditt til å samarbeide, og dele resultatet med interessenter – du trenger ingen designverktøy eller tidligere erfaring.
1

Opprett din gratis konto

Gå til flowstep.ai og registrer deg med Google eller med e-postadressen og passordet ditt. Intet kredittkort er nødvendig for å komme i gang.
Hvis du registrerer deg med e-post og passord, sjekk innboksen din for en bekreftelses-e-post (“Confirm your Flowstep email”) og klikk på lenken for å aktivere kontoen din – du kan sende det på nytt fra siden “Check your inbox” hvis det ikke ankommer. E-postadresser som kan kastes vekk, blir ikke akseptert; bruk en jobb- eller personlig e-postadresse.
Etter registrering lander du på en kort velkomstskjerm: svar på tre raske spørsmål, deretter beskriver du ditt første design rett der – fire eksempelprompts (Dashboard, Landing page, Mobile app, Checkout) er tilgjengelige hvis du vil ha et utgangspunkt.
2

Beskriv skjermen du ønsker

Skriv inn en prompt som beskriver brukergrensesnittet du har i tankene, på vanlig engelsk. Vær spesifikk om hva skjermen er til for og hvilke nøkkelelementer den bør inneholde.En prompt som “Dashboard for a project management app with a task list, progress bars, and a sidebar navigation” gir Flowstep nok kontekst til å produsere et fokusert, nyttig design.
Du trenger ikke designvokabular. Fokuser på hva skjermen er til for og hvilken informasjon den skal vise – Flowstep håndterer layouten, typografien, avstanden og fargekvalitetene.
3

Generer dine skjermer

Send inn prompten din og Flowstep genererer designet ditt på sekunder. Du kan generere flere skjermer i en enkelt økt for å utforske ulike retninger eller bygge ut en komplett flyt.
4

Finpuss gjennom samtale

Ikke helt riktig? Skriv inn en oppfølgingsprompt for å justere designet – endre fargeordningen, omorganiser elementer, bytt innhold, eller forespør en helt annen layout. Du kan også redigere elementer manuelt eller bruke handlinger med ett klikk i alternativalmenyen.
5

Eksporter eller del arbeidet ditt

Når du er fornøyd med resultatet, velg hvordan du vil dele det:
  • Eksporter koden eller via MCP
  • Last ned skjermen som en JPG- eller PNG-fil
  • Kopier til Figma ved hjelp av tastaturgenveien for å lime inn direkte i en eksisterende Figma-fil
  • Del en lenke med lagkamerater eller interessenter – de kan se designet uten å opprette en konto
Du kan invitere teamet ditt til å samarbeide på en Flowstep-fil. De kan bli med og begynne å bidra på noen få minutter.