parallax background image

Verbeter je workflow in Adobe XD met sneltoetsen

Gepubliceerd op 30 september 2020 Leestijd : 3 minuten

De interface van Adobe XD heb ik altijd al duidelijk en gebruiksvriendelijk gevonden. Geen verrassing natuurlijk, omdat het een programma voor UX designers door UX designers is. Na jaren gebruik te maken van het programma heb ik een aantal sneltoetsen uit mijn hoofd geleerd die mijn workflow verbeteren. In dit artikel deel ik de sneltoetsen met je die je de meeste efficiëntie gaan opleveren.

Reken maar uit: als je met je muis op een knop moet drukken in plaats van een sneltoets te gebruiken, dan ben je waarschijnlijk drie maal langer bezig met die actie. En tel dat dan maar op hoe vaak je die actie uitvoert tijdens het maken van een ontwerp!

Snel bewerken van elementen

De meeste tijd ga je besparen door de sneltoetsen te onthouden waarmee je snel elementen kan manipuleren. Natuurlijk weten we allemaal dat Ctrl + C(⌘C) voor kopiëren en Ctrl + V(⌘V) voor plakken staat. Maar ken je deze sneltoetsen?

Windows

Mac

Actie

Ctrl + D

⌘D

Dupliceren

Ctrl + G

⌘G

(de)groeperen van geselecteerde elementen. Dit zorgt ervoor dat je geordend werkt

Ctrl + K

⌘K

nieuw c(k)omponent maken van geselecteerde elementen. Dit zorgt er voor dat je elementen niet overal hoeft aan te passen als je één aanpassing wilt uitvoeren

Ctrl + L

⌘L

(ont/ver)sleutelen (locken) van geselecteerde elementen. Hiermee kun je voorkomen dat je elementen ongewenst selecteerd

Ctrl + R

⌘R

repeat grid aanmaken/uitzetten. Hiermee kun je makkelijk dezelfde elementen herhalen

Ctrl + ]

⌘]

Breng element naar voren

Ctrl + [

⌘[

Breng element naar achteren

Ctrl + Shift + ]

⇧⌘]

Breng element compleet naar voren

Ctrl + Shift + [

⇧⌘[

Breng element compleet naar achteren

Ctrl + Shift + M

⇧⌘M

Maskeren met vorm

Pijltoetsen

Pijltoetsen

Verplaats element met 1 pixel

Shift + Pijltoetsen

⇧Pijltoetsen

Verplaats element met 10 pixels

 

Tekenen

We weten natuurlijk hoe we kunnen tekenen in Adobe XD, maar wist je dat je ook kunt starten met tekenen door de volgende sneltoetsen te gebruiken? Dit zorgt ervoor dat je veel sneller kunt tekenen wat je hebt bedacht, zeker als het een complexe illustratie of indeling is.

Windows

Mac

Actie

V

V

Selecteren modus (stoppen met tekenen)

R

R

vierkant(rectangle) tekenen

Y

Y

Driehoek/polygoon tekenen

L

L

Lijn tekenen

P

P

Pengereedschap

T

T

Tekst plaatsen

Trucks en verborgen functionaliteiten

Adobe XD bevat ook een aantal verborgen functionaliteiten die goed van pas kunnen komen om het ontwerpen efficiënter te maken.

Windows

Mac

Actie

Alt (vasthouden)

Option (vasthouden)

Afmetingen van elementen bekijken (nadat je op een object hebt geklikt)

Shift + Ctrl + Alt + S

⌥⇧⌘S

Opslaan als lokaal document. Standaard sla je als op met Ctrl + Shift + S op de cloud

Ctrl + 8

⌘8

Tekst omzetten naar vorm. Dit is handig als je geavanceerde effecten aan je tekst wilt toevoegen

Ctrl + ,

⌘,

Laag verschuilen. Je kunt hem weer tonen door in het lagen-overzicht de laag te selecteren en dezelfde toetsencombinatie in te drukken

Shift + slepen

Shift + slepen

Vorm tekenen met een 1:1 verhouding, dus een vierkant, cirkel of perfecte driehoek

Voor een complete lijst van alle sneltoetsen kun je de gepubliceerde lijst van Adobe bekijken. Ik hoop dat je met deze sneltoetsen je workflow kan verbeteren en dat je meer tijd kan besteden aan ontwerpen dan tekenen!

Ben jij een koning in het ontwerpen van websites met Adobe XD en ben jij op zoek naar een (afstudeer)stage? Bekijk dan onze openstaande vacatures!

Onze klanten
Onze oplossingen