Verbeter je workflow in Adobe XD met sneltoetsen
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!