Nu är du redo att verkligen komma igång med Adobe XD? Då bör du definitivt komma ihåg tangentbordsgenvägarna! Med dessa små hjälpmedel kan du enkelt navigera genom dina projekt, utföra åtgärder och optimera ditt designarbete i Adobe XD. Oroa dig inte, du behöver inte lära dig alla på en gång - vi tar det lugnt. Låt oss tillsammans titta på de användbara tangentbordskommandona för Adobe XD och lyfta ditt designarbetsflöde till nästa nivå!
Innehållsförteckning
Allmänna tangentbordskommandon
Syfte
macOS
Windows
Avsluta
Cmd + Q
Alt + F4
Tangentbordskommandon för menyn "Redigera"
Alternativ
macOS
Windows
Ångra
Cmd + Z
Strg + Z
Upprepa
⇧ + Cmd + Z
Strg + Skift + Z
Klipp ut
Cmd + X
Strg + X
Kopiera
Cmd + C
Strg + C
Klistra in
Cmd + V
Strg + V
Infoga utseende (i designläge) och infoga interaktion (i prototypläge)
Cmd + Opt + V
Strg + Alt + V
Duplicera
Cmd + D
Strg + D
Radera
⌫
Radera
Markera allt
Cmd + A
Strg + A
Avmarkera
⇧+ Cmd + A
Strg + Skift + A
Tangentbordskommandon för menyn "Arkiv"
Alternativ
macOS
Windows
Ny
Cmd + N
Strg + N
Öppna...
Cmd + Skift + O
Strg + Skift + O
Stäng
Cmd + W
Alt + F4
Spara...
Cmd + S
Strg + S
Spara som...
⇧+ Cmd + S
Strg + Skift + S
Lokal spara...
Opt + Skift + Cmd + S
Skift + Strg + Alt + S
Exportera markerade element
Skift + Cmd + E
Strg + Skift + E
Exportera endast valda
Cmd + E
Strg + E
Exportera till tredjepartsprogram (om ett integrerat program med XD är installerat på din dator)
Opt + Cmd + E
Inte tillgänglig
Importera
Skift + Cmd + I
Strg + Skift + I
Tangentbordskommandon för Sökväg/Penna
Alternativ
macOS
Windows
Aktivera verktyget "Penna"
P
P
Konvertera punkt
Dubbelklicka
Dubbelklicka
Asymmetrisk kontrollpunkt
Opt
Alt
Justera till kontrollpunktsvinkel
Skift
Skift
Justera till ankarpunktsvinkel
Skift
Skift
Lägga till
Opt + Cmd + U
Strg + Alt + U
Subtrahera
Opt + Cmd + S
Strg + Alt + S
Skapa skärningspunkt
Opt + Cmd + I
Strg + Alt + I
Undvik överlappning
Opt + Cmd + X
Strg + Alt + X
Konvertera till bana
Cmd + 8
Strg + 8
Tangentbordskommandon för Lager (Objekt), Grupper, Rullningsgrupper och Ritningar
Alternativ
macOS
Windows
Gruppera lager
Cmd + G
Strg + G
Avgruppera lager
Skift + Cmd + G
Strg + Skift + G
Skapa komponent
Cmd + K
Strg + K
Redigera primärkomponent
Skift + Cmd + K
Skift + Strg + K
Gå tillbaka till föregående instans
Skift + Opt + K
Skift + Alt + K
Lås upp/lås upp lager
Cmd + L
Strg + L
Dölj/Visa lager
Cmd + ,
Strg + ,
Maskera med form
Skift + Cmd + M
Skift + Strg + M
Skapa upprepningsskärmar
Cmd + R
Strg + R
Välj lager i grupp/komponent direkt
Klicka på lagret på arbetsytan med Cmd nedtryckt
Klicka på lagret på arbetsytan med Strg nedtryckt
Ändra lagergenomskinlighet
1-9 (0 för 100 %)
1-9 (0 för 100 %)
Välj ritning
Klicka på en tom plats på ritningen med Cmd nedtryckt
Klicka på en tom plats på ritningen med Strg nedtryckt
Rita form från mitten
Opt + Dra
Alt + Dra
Rita form med 1:1 förhållande (för kvadrater/cirklar)
Skift + Dra
Skift + Dra
Rita liksidig triangel
Skift + Dra
Skift + Dra
Visa/dölj riktningslinjer på ritningen
Cmd + ;
Strg + ;
Lås riktningslinjer på ritningen
Skift + Cmd + ;
Skift + Strg + ;
Flytta element med 10 pixlar
Skift + Piltangenter
Skift + Piltangenter
Ändra elementstorlek med 1 pixels steg
Cmd + Piltangenter
Alt + Piltangenter
Ändra elementstorlek med 10 pixels steg
Cmd + Skift + Piltangenter
Alt + Skift + Piltangenter
Välj överlappande lager
Cmd + Klicka på titeln
Strg + Klicka på titeln
Redigera avstånd
För muspekaren över objektet på arbetsytan + S
För muspekaren över objektet på arbetsytan + S
Spegelavstånd på motsatta sidor
Opt + S
Alt + S
Redigera alla sidor
Skift + S
Skift + S
Horisontell scrollning
Skift + Cmd + H
Skift + Alt + H
Vertikal scrollning
Skift + Cmd + V
Skift + Alt + V
Horisontell och vertikal scrollning
Skift + Cmd + D
Skift + Alt + D
Lägg till färg till "Element"
Skift + Cmd + C
Skift + Strg + C
Byt namn på lager
Cmd + Opt + R
Strg + Alt + R
Tillämpa ramfärger från fönstret "Bibliotek" till element
Opt + Klicka
Alt + Klicka
Expandera/minimera i fönstret "Bibliotek"
Cmd + Klicka på pilen
Strg + Klicka på pilen
Tangentbordskommandon för justering
Alternativ
macOS
Windows
Vänster
Ctrl + Cmd + ←
Ctrl + Skift + ←
Centrerad (horisontell)
Ctrl + Cmd + C
Skift + C
Höger
Ctrl + Cmd + →
Ctrl + Skift + →
Övre
Ctrl + Cmd + ↑
Ctrl + Skift + ↑
Mittpunkt (vertikal)
Ctrl + Cmd + M
Skift + M
Nedre
Ctrl + Cmd + ↓
Ctrl + Skift + ↓
Tangentbordskommandon för arrangemang
Alternativ
macOS
Windows
Överst
Skift + Cmd + ]
Skift + Ctrl + ]
Stegvis framåt
Cmd + ]
Ctrl + ]
Stegvis bakåt
Cmd + [
Ctrl + [
Nederst
Skift + Cmd + [
Skift + Ctrl + [
Tangentbordskommandon för fördelning
Alternativ
macOS
Windows
Horisontell
Ctrl + Cmd + H
Ctrl + Skift + H
Vertikal
Ctrl + Cmd + V
Ctrl + Skift + V
Tangentbordskommandon för att arbeta med text
Alternativ
macOS
Windows
Fetstil
Cmd + B
Ctrl + B
Kursiv
Cmd + I
Ctrl + I
Understruken
Cmd + U
Ctrl + U
Förstora text
Skift + Cmd + >
Ctrl + Skift + .
Förminska text
Skift + Cmd + <
Ctrl + Skift + ,
Tangentbordskommandon för menyn "Åtgärder"
Alternativ
macOS
Windows
Från mitten
Opt
Alt
Kopiera och klistra in objekt
Opt + Dra
Alt + Dra
Begränsa
Skift
Skift
Redigera text
Retur
Retur
Begränsa rotering till 15 graders steg
Skift (15 °)
Skift (15 °)
Rita linjer och begränsa rotation till 45 graders steg
Skift (45°)
Skift (45°)
Rita objekt från deras mitt
Skift + Opt
Skift + Alt + S
Direktval
Cmd
Ctrl
Växla mellan design- och prototyp-läge
Ctrl + Tab
Ctrl + Tab
Tangentbordskommandon för verktyg
Alternativ
macOS
Windows
Välj
V
V
Rektangel
R
R
Ellips
E
E
Polygon
Y
Y
Linje
L
L
Penna
P
P
Text
T
T
Rityta
A
A
Zooma
Aktivera zoomläge: Z
Aktivera zoomläge: Z
Pipett
I
I
Tangentbordskommandon för användargränssnitt och visningsalternativ
Alternativ
macOS
Windows
Växla till designläge
Opt + 1
Alt + 1
Växla till prototyp-läge
Opt + 2
Alt + 2
Växla till publiceringsläge
Opt + 3
Alt + 3
Zooma in
Cmd + ,
Opt + Rulla
Zooma ut
Cmd + “-”
Opt + Rulla
Zooma till val
Cmd + 3
Ctrl + 3
Visa allt genom zoomning
Cmd + 0
Ctrl + 0
100 %
Cmd + 1
Ctrl + 1
200 %
Cmd + 2
Ctrl + 2
Flytta
Mellanslag
Mellanslag
Element
Skift + Cmd + Y
Ctrl + Skift + Y
Lager
Cmd + Y
Ctrl + Y
Visa layoutnät
Skift + Cmd + '
Skift + Ctrl + '
Visa rutnät
Cmd + '
Ctrl + '
Helskärmsläge
Ctrl + Cmd + F
Ej tillgänglig
Växla mellan design- och prototypläge
Ctrl + Tab
Ctrl + Tab
Växla mellan fönster (filer)
Cmd + Tilde (~)
Ej tillgänglig
Öka eller minska värdet i ett fält med 1
↑ eller ↓
↑ eller ↓
Öka eller minska värdet i ett fält med 10
Skift + ↑ eller Skift + ↓
Skift + ↑ eller Skift + ↓
Tangentbordskommandon för menyn "Fönster"
Alternativ
macOS
Windows
Maximera
Inte tillgänglig
Windows + ↑
Minimera
CMD + M
Windows + ↓
Förhandsgranskning
CMD + ⏎
Ctrl + Enter
Tangentbordskommandon för åtgärdsändringar
Alternativ
macOS
Windows
Horisontell flyttning
Skift + Rullhjul
Skift + Rullhjul
Vertikal flyttning
Rullhjul
Rullhjul
Tangentbordskommandon för att välja och mäta avstånd mellan element
Alternativ
macOS
Windows
Aktivera avstånd
Option (på markerat objekt)
Alt (på markerat objekt)
Avstånd från markerad nivå
Håll ned Option-tangenten och för muspekaren över objektet/gruppen/ritfältet
Håll ned Alt-tangenten och för muspekaren över objektet/gruppen/ritfältet
Relativt avstånd till markerad grupp
Tryck på Option + Cmd och för muspekaren över ett objekt i gruppen
Tryck på Ctrl + Alt och för muspekaren över ett objekt i gruppen
Mellanslag + Klicka och dra, ↑, ↓, →, ←, Mellanslag + Klicka och dra
Snabbare flyttning
Skift + ↑, ↓, →, ←
Skift + ↑, ↓, →, ←
Upphämta fokus från ritfältet i designspecifikationsvyn
Esc
Esc
Navigera mellan länkade ritfält
Skift + Klicka
Skift + Klicka
Tangentbordskommandon för att redigera vektorer
Alternativ
macOS
Windows
Börja redigera markerat vektorobjekt
Retur
Retur
Avsluta redigering av markerat vektorobjekt
Esc
Esc
Växla mellan raka och speglade kontrollpunkter
Dubbelklicka
Dubbelklicka
Separera kontrollpunkthandtag
Opt + Dra
Alt + Dra
Tangentbordskommandon för prototypskapande
Alternativ
macOS
Windows
Visa alla anslutningar i prototypläget
CMD + A
Ctrl + A
Dölj alla kopplingar
Opt
Alt
Förhandsgranskning
CMD + Enter
Ctrl + Enter
Starta eller avsluta inspelning av förhandsgranskning
CMD + Ctrl + R
Inte tillgänglig
Avsluta inspelning
Esc
Inte tillgänglig
Navigera till ritfält i förhandsgranskningsfönstret eller en delad prototyp
Pil höger eller Pil vänster (→ eller ←)
Skapa ny rad i kommentarfältet för delad prototyplänk
Retur eller Skift + Retur
Retur eller Skift + Retur
Skicka in kommentar som angivits i kommentarfältet för prototyplänk
CMD + Enter
Ctrl + Enter
10 av de bästa tipsen och knepen för Adobe XD
Användning av teckenupprepningar: När du designar återkommande element som menyer eller knappar, använd teckenupprepningar. Ändringar i ett tecken tillämpas automatiskt på alla instanser.
Prototypning och interaktioner: Adobe XD möjliggör skapandet av prototyper med interaktiva element. Du kan länka skärmar, lägga till övergångar och genomföra användartester för att optimera användarupplevelsen.
Använda komponenter: Skapa komponenter för återkommande UI-element. När du ändrar en komponent uppdateras den i alla instanser, vilket sparar tid och säkerställer konsistens.
Områdesnästning: Organisera din designdokument genom att bädda in ramar i varandra. På så sätt förblir arbetsytan organiserad och du behåller översikten.
Arbeta med tillägg: Adobe XD stödjer tillägg som låter dig lägga till extra funktioner. Utforska tillgängliga tillägg för att utöka din arbetsprocess.
Återställa raderade element: Om du av misstag har raderat ett element kan du återställa det med tangentkombinationen "Ctrl/CMD + Z".
Pixelprecis justering: Använd "Skift"-tangenten för att justera element pixelnoggrant medan du drar eller skalar dem.
Responsiv design: Adobe XD möjliggör skapandet av designer för olika skärmstorlekar. Använd funktionen "Responsiv ändra storlek" för att se till att din design ser bra ut på olika enheter.
Kommentarer och feedback: När du delar din design med andra, använd Adoba XDs kommentarsfunktion för att få feedback och följa ändringar.
Lära sig genvägar: Slutligen är det alltid en bra idé att lära sig de viktigaste tangentbordsgenvägarna för att arbeta snabbare. Du kan använda Adobas XDs standardgenvägar eller anpassa dem efter dina egna preferenser.
Stefan Petri driver det populära branschforumet PSD-Tutorials.de tillsammans med sin bror Matthias samt e-lärande-plattformen TutKit.com, som har fokus på att utbilda och utveckla digitala yrkeskompetenser.
