Verbeter je workflow in Adobe XD met sneltoetsen

Geschreven door: op woensdag 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!


Andere blogartikelen

  • Relationele data importeren in SQL vanuit Excel

    Geschreven door: op maandag 29 maart 2021

    In SQL Server kan je snel data importeren vanuit Excel-bestanden met behulp van OPENROWSET. Deze functie impoteert een werkblad in het Excel-bestand en plaatst de inhoud in een query, die je kan SEL ...

    Bekijk het artikel »
  • Google Page Experience

    Geschreven door: op vrijdag 26 maart 2021

    Wat is Google Page Experience?Voor de nieuwe update van Google die de algoritme gaat bepalen staat de Page Experience centraal, dit staat voor het centraal stellen van de gebruikerservaring.Zoals de ...

    Bekijk het artikel »
  • Verbeter je technische seo met behulp van SEMrush

    Geschreven door: op vrijdag 26 maart 2021

    Sigma Solutions gebruikt SEMrush om te monitoren wat de SEO staat van de website is van onze klanten. Dit systeem geeft meldingen wanneer er verbeteringen gevonden worden om beter te ranken in de zoek ...

    Bekijk het artikel »
Bel 072 5345 888
Meer dan 40 bedrijven vertrouwen op ons
Bekijk al onze tevreden klanten ›
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 ›