Skip to main content
Je hoeft niet te weten wat het verschil is tussen een lettertype en een font, hoeft geen gridsystemen te begrijpen, of ooit eerder een designtool te hebben geopend. Flowstep verzorgt lay-out, typografie, kleur, afstand en visuële hiërarchie automatisch — je taak is eenvoudig te beschrijven wat je wilt.

​
Hoe het werkt zonder designervaring

Wanneer je een prompt typt, interpreteert Flowstep je beschrijving en maakt alle visuele beslissingen die een designer normaal zou nemen: hoe elementen op het scherm worden gerangschikt, welke lettertypen te gebruiken, hoeveel witruimte toe te voegen, en hoe een visuële hiërarchie wordt ingesteld die het oog begeleidt. Je beschrijft het doel en de inhoud; Flowstep maakt een scherm dat eruit ziet alsof een professional het heeft ontworpen.
Denk aan het geven van prompts aan Flowstep op dezelfde manier als je een designer zou briefen. Je zou een designer niet vertellen welke tekengrootte hij moet gebruiken — je zou hem vertellen wat het scherm doet en wat het moet communiceren. Flowstep werkt op dezelfde manier.

​
Tips voor het schrijven van goede prompts

Concentreer je op drie dingen: het doel van het scherm, de sleutelinformatie die het moet weergeven, en het type product of publiek. Begin met het doel van het scherm Start met wat het scherm doet. “Registratiescherm voor een maaltijdplanningsapp” vertelt Flowstep veel meer dan een lijst van UI-elementen. Noem de sleutelinhoud of acties Voeg de belangrijkste dingen in die een gebruiker moet zien of doen. Je hoeft niet alles op te sommen — alleen de elementen die het meest voor de ervaring uitmaken. Verwijs naar een producttype of publiek als dat helpt Het noemen van het type product (bijvoorbeeld consumer mobiele app, B2B dashboard, e-commerce checkout) helpt Flowstep de juiste visuele toon en conventies aan te passen.
Als je eerste resultaat niet helemaal goed is, begin dan niet opnieuw — typ gewoon een vervolgprompt. “Maak de lay-out minimalistischer” of “gebruik een donkerder kleurenschema” is genoeg om het ontwerp in een nieuwe richting te sturen.

​
Voorbeeldprompts om te proberen

Hier zijn een paar prompts die goed werken, geschreven in gewoon Nederlands zonder designterminologie: Onboardingflow voor een fitnessapp
“Eerste scherm van een onboardingflow voor een fitnessTracking-app. Het moet de gebruiker verwelkomen, kort uitleggen wat de app doet, en een knop hebben om aan de slag te gaan.”
Instellingenpagina voor een SaaS-product
“Instellingenpagina voor een B2B-projectmanagementtool. Voeg secties in voor profiel, meldingen, facturering en verbonden accounts. Gebruik een schoon, professioneel uiterlijk.”
Mobiel kassamscherm
“Kassamscherm voor een mobiele winkelapp. Toon een bestellingssamenvatting, een veld voor een promotiecode en een opvallende knop om de aankoop af te ronden.”
Deze prompts werken niet omdat ze designtaal gebruiken, maar omdat ze duidelijk het doel, de inhoud en context van het scherm beschrijven. Dat is alles wat je nodig hebt.