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!


Andere blogartikelen

  • Hoe kan je meer leads genereren EN online verkopen?

    Geschreven door: op woensdag 8 september 2021

    Een website die leads genereert en online verkopen faciliteert? Met behulp van een website met geïntegreerde webshop kunt u direct meer business realiseren. Directe verkopen van standaard producten zo ...

    Bekijk het artikel »
  • Even voorstellen: Nick van Leijden

    Geschreven door: op donderdag 22 juli 2021

    Hoi, volgens mij kennen wij elkaar nog niet! Ik ben Nick van Leijden, een 24 jaar oude User Experience designer en sinds kort werkzaam bij Sigma Solutions als UX developer. Als UX developer is het mij ...

    Bekijk het artikel »
  • Even voorstellen: Renzo Korver

    Geschreven door: op dinsdag 20 juli 2021

    Mijn naam is Renzo Korver, ik ben 24 jaar en ik kom uit Oudkarspel. Eind januari 2021 ben ik bij Sigma Solutions gestart met mijn afstudeerstage voor de opleiding Communicatie aan de Hogeschool van Am ...

    Bekijk het artikel »
Bel 072 5345 888
Open Nieuwsbrief Inschrijving Footer

E-book

Zo wordt uw website een lead generator:
In 3 stappen uw website van visitekaartje naar salesfunnel

Download het E-book »

E-book

Zo wordt uw website een lead generator 
In 3 stappen uw website van visitekaartje naar salesfunnel

Download het E-book ›