Naar de hoofdinhoud

Een website prototype bekijken in Figma

Wanneer je een website door ons laat ontwerpen en bouwen komt er een fase waarin je het prototype (de ontwerpen) kan bekijken en kan voorzien van feedback. Dit gebeurt in de tool Figma. In dit artikel wordt stap voor stap uitgelegd hoe het werkt.

Meer dan een maand geleden bijgewerkt

Het prototype bekijken

We hebben je een e-mail met een directe link naar het prototype gestuurd. Klik op de link om direct naar het prototype te gaan. Tenzij in de e-mail anders vermeld, zal je direct de homepage van je nieuwe website te zien krijgen.

Navigeren tussen pagina's

In overeenstemming is bepaald of het prototype 'interactief' is. Dat wil zeggen dat je daadwerkelijk kan klikken op knoppen, menu items en andere onderdelen om de interactie van een echte website zo veel mogelijk na te bootsen. Niet alles zal echter aanklikbaar zijn. Zo hebben we bijvoorbeeld geen interactieve links geplaatst naar pagina's die niet zijn ontworpen.

  • Om te kunnen zien wat je aan kan klikken op de pagina, klik met je muis op een willekeurige plek op de pagina. Je ziet dan blauwe vlakjes verschijnen op de pagina. Deze zijn aanklikbaar.

  • Je kan ook navigeren tussen de pagina's door de pijltjestoetsen ( en ) te gebruiken, of door op de pijltjes onderaan het venster te klikken.

Toelichting ontwerpkeuzes

Het kan voorkomen dat er op pagina's bij bepaalde ontwerpkeuzes wat toelichting benodigd is. Dit hebben we ook direct in het prototype verwerkt in de vorm van 'comments'. Dit zijn punten met 'spraakballonnetjes' gemarkeerd op de pagina's.

Om deze 'comment mode' te activeren klik je linksboven in beeld op het spraakballon-icoontje.

Account aanmaken

Om de comments te kunnen zien en om zelf comments te kunnen plaatsen is het noodzakelijk dat je een Figma account hebt. Heb je die nog niet, doorloop dan de benodigde stappen. Heb je al een Figma account, dan kan je gewoon met je bestaande account inloggen.

De login popup van Figma

Na het invullen van je e-mailadres of aanmelding via je Google account kom je na de onboarding (waarin oa. wordt gevraagd naar je naam) terecht in een persoonlijk dashboard. Om direct naar het prototype te gaan van je website om comments te kunnen bekijken en plaatsen, is het noodzakelijk dat je weer op de link van het prototype in de door ons verstuurde e-mail klikt, en deze opent in dezelfde browser, zodat je bent ingelogd.

Feedback geven

Nu kan je de comments bekijken, zelf comments plaatsen en reageren op comments.

Op de pagina kom je in de comment mode 'pijltjes' tegen bovenop de pagina. Die 'pijltjes' bevatten één of meerdere comments.

Wanneer je met je muisaanwijzer over een bolletje gaat staan krijg je een preview van de comment. Klik je op het pijltje of de preview, dan opent de comment in zijn geheel.

Je kan hier direct op een comment reageren door je reactie in het 'reply' veld te typen en enter te toetsen, of door op het pijltje rechts te klikken.

Zelf comments plaatsen

We kunnen ons voorstellen dat je zelf ook nog wat vragen en/of opmerkingen over het prototype kan hebben. Je kan gelukkig zelf ook losse comments plaatsen in het prototype.


In de 'comment' mode is je muisaanwijzer verandert in een zwart pijltje. Dat betekent dat je op iedere willekeurige plek een eigen comment kan plaatsen.

  • Heb je bijvoorbeeld een opmerking of vraag over een onderdeel van een pagina, zoals een knop, klik dan met je muisaanwijzer op of dichtbij het onderdeel waar je opmerking/vraag over gaat.

  • Een tekstballonnetje verschijnt. Type je opmerking/vraag en klik op het blauwe pijltje om de comment te plaatsen.

  • Je reactie is nu geplaatst. Je kan je comment bekijken, bewerken, aanvullen en verwijderen door weer op het pijltje van de comment te klikken en de comment te openen.

Was dit een antwoord op uw vraag?