No to zaczynamy przygodę z Adobe XD! Koniecznie zapamiętaj skróty klawiaturowe! Dzięki nim z łatwością będziesz przemieszczać się po swoich projektach Adobe XD, wykonywać działania i optymalizować swoją pracę projektową. Nie martw się, nie musisz uczyć się wszystkiego od razu - podejdziemy do tego z wyluzowaniem. Przejrzyjmy razem przydatne skróty klawiaturowe dla Adobe XD i podnieśmy Twoje umiejętności projektowe na wyższy poziom!
Spis treści
Ogólne skróty klawiaturowe
Cel
macOS
Windows
Zamknij
Cmd + Q
Alt + F4
Skróty klawiaturowe dla menu "Edycja"
Opcja
macOS
Windows
Cofnij
Cmd + Z
Ctrl + Z
Ponów
⇧ + Cmd + Z
Ctrl + Shift + Z
Wytnij
Cmd + X
Ctrl + X
Kopiuj
Cmd + C
Ctrl + C
Wklej
Cmd + V
Ctrl + V
Wstaw wygląd (w trybie projektowania) i wstaw interakcję (w trybie prototypowania)
Cmd + Opt + V
Ctrl + Alt + V
Duplikuj
Cmd + D
Ctrl + D
Usuń
⌫
Usuń
Zaznacz wszystko
Cmd + A
Ctrl + A
Anuluj zaznaczenie
⇧+ Cmd + A
Ctrl + Shift + A
Skróty klawiaturowe dla menu "Plik"
Opcja
macOS
Windows
Nowy
Cmd + N
Ctrl + N
Otwórz...
Cmd + Shift + O
Ctrl + Shift + O
Zamknij
Cmd + W
Alt + F4
Zapisz...
Cmd + S
Ctrl + S
Zapisz jako...
⇧+ Cmd + S
Ctrl + Shift + S
Zapisz lokalnie...
Opt + Shift + Cmd + S
Shift + Ctrl + Alt + S
Eksportuj zaznaczone elementy
Shift + Cmd + E
Ctrl + Shift + E
Eksportuj tylko zaznaczone
Cmd + E
Ctrl + E
Eksportuj do programu innych firm (jeśli zainstalowany jest program zintegrowany z XD na twoim komputerze)
Opt + Cmd + E
Niedostępne
Importuj
Shift + Cmd + I
Ctrl + Shift + I
Skróty klawiaturowe dla ścieżki/rysika
Opcja
macOS
Windows
Aktywuj narzędzie "rysik"
P
P
Zamień punkt
Podwójne kliknięcie
Podwójne kliknięcie
Nieprzystosowany punkt kontrolny
Opt
Alt
Wyrównaj do kąta punktu kontrolnego
Shift
Shift
Wyrównaj do kąta zakotwiczenia
Shift
Shift
Dodaj
Opt + Cmd + U
Ctrl + Alt + U
Odejmij
Opt + Cmd + S
Ctrl + Alt + S
Tworzenie przecięć
Opt + Cmd + I
Ctrl + Alt + I
Wyklucz nakładanie
Opt + Cmd + X
Ctrl + Alt + X
Konwersja na ścieżkę
Cmd + 8
Ctrl + 8
Skróty klawiaturowe dla warstw (obiektów), grup, grup przewijania i obszarów roboczych
Opcja
macOS
Windows
Zgrupuj warstwy
Cmd + G
Ctrl + G
Rozgrupuj warstwy
Shift + Cmd + G
Ctrl + Shift + G
Utwórz komponent
Cmd + K
Ctrl + K
Edytuj główny komponent
Shift + Cmd + K
Shift + Ctrl + K
Wróć do poprzedniej instancji
Shift + Opt + K
Shift + Alt + K
Zablokuj/Odblokuj warstwę
Cmd + L
Ctrl + L
Ukryj/Pokaż warstwę
Cmd + ,
Ctrl + ,
Maskuj kształtem
Shift + Cmd + M
Shift + Ctrl + M
Utwórz siatkę powtórzeń
Cmd + R
Ctrl + R
Wybierz warstwę w grupie/komponencie bezpośrednio
Kliknij warstwę na obszarze roboczym przytrzymując klawisz Cmd
Kliknij warstwę na obszarze roboczym przytrzymując klawisz Ctrl
Zmień przezroczystość warstwy
1 do 9 (0 dla 100 %)
1 do 9 (0 dla 100 %)
Wybierz obszar roboczy
Kliknij myszką na pustym miejscu obszaru roboczego przytrzymując klawisz Cmd
Kliknij myszką na pustym miejscu obszaru roboczego przytrzymując klawisz Ctrl
Rysuj od środka
Opt + Przeciągnij
Alt + Przeciągnij
Rysuj kształt o proporcjach 1:1 (dla kwadratów/okręgów)
Shift + Przeciągnij
Shift + Przeciągnij
Rysuj trójkąt równoboczny
Shift + Przeciągnij
Shift + Przeciągnij
Pokaż/ukryj linie pomocnicze na obszarze roboczym
Cmd + ;
Ctrl + ;
Zablokuj linie pomocnicze na obszarze roboczym
Shift + Cmd + ;
Shift + Ctrl + ;
Przesuń element o 10 pikseli
Shift + Strzałki
Shift + Strzałki
Zmień rozmiar elementu o kroki 1 piksela
Cmd + Strzałki
Alt + Strzałki
Zmień rozmiar elementu o kroki 10 pikseli
Cmd + Shift + Strzałki
Alt + Shift + Strzałki
Wybierz przez warstwy zachodzące na siebie
Cmd + Klik na tytule
Ctrl + Klik na tytule
Edytuj odstępy
Przytrzymaj kursor nad obiektem na obszarze roboczym + S
Przytrzymaj kursor nad obiektem na obszarze roboczym + S
Odbij odstępy na przeciwległych stronach
Opt + S
Alt + S
Edytuj wszystkie odstępy
Shift + S
Shift + S
Przewijanie poziome
Shift + Cmd + H
Shift + Alt + H
Przewijanie pionowe
Shift + Cmd + V
Shift + Alt + V
Przewijanie poziome i pionowe
Shift + Cmd + D
Shift + Alt + D
Dodaj kolor do „Elementy”
Shift + Cmd + C
Shift + Ctrl + C
Zmień nazwę warstw
Cmd + Opt + R
Ctrl + Alt + R
Zastosuj kolory obramowania z panelu „Biblioteki” do elementów
Opt + Klik
Alt + Klik
Rozwiń/zwiń w panelu „Biblioteki”
Cmd + Klik na strzałce
Ctrl + Klik na strzałce
Klawisze klawiatury do wyrównywania
Opcja
macOS
Windows
Lewa
Ctrl + Cmd + ←
Ctrl + Shift + ←
Wyśrodkowana (poziomo)
Ctrl + Cmd + C
Shift + C
Prawa
Ctrl + Cmd + →
Ctrl + Shift + →
Góra
Ctrl + Cmd + ↑
Ctrl + Shift + ↑
Środek (pionowo)
Ctrl + Cmd + M
Shift + M
Dół
Ctrl + Cmd + ↓
Ctrl + Shift + ↓
Klawisze klawiatury do układania
Opcja
macOS
Windows
Na wierzch
Shift + Cmd + ]
Shift + Ctrl + ]
Krokowo do przodu
Cmd + ]
Ctrl + ]
Krokowo do tyłu
Cmd + [
Ctrl + [
Na zewnątrz
Shift + Cmd + [
Shift + Ctrl + [
Klawisze klawiatury do rozkładania
Opcja
macOS
Windows
Poziomo
Ctrl + Cmd + H
Ctrl + Shift + H
Pionowo
Ctrl + Cmd + V
Ctrl + Shift + V
Klawisze klawiatury do pracy z tekstem
Opcja
macOS
Windows
Pogrubienie
Cmd + B
Ctrl + B
Kursywa
Cmd + I
Ctrl + I
Podkreślenie
Cmd + U
Ctrl + U
Powiększ tekst
Shift + Cmd + >
Ctrl + Shift + .
Zmniejsz tekst
Shift + Cmd + <
Ctrl + Shift + ,
Klawisze klawiatury do narzędzi
Option
macOS
Windows
Zaznaczanie
V
V
Prostokąt
R
R
Elipsa
E
E
Wielokąt
Y
Y
Linia
L
L
Pióro
P
P
Tekst
T
T
Obszar
A
A
Zoomowanie
Aktywuj tryb powiększania: Z
Aktywuj tryb powiększania: Z
Pipeta
I
I
Klawisze klawiatury do interfejsu użytkownika i opcji wyświetlania
Option
macOS
Windows
Przełącz na tryb projektowy
Opt + 1
Alt + 1
Przełącz na tryb prototypowy
Opt + 2
Alt + 2
Przełącz na tryb udostępniania
Opt + 3
Alt + 3
Powiększ
Cmd + ,
Opt + kółko myszy
Pomniejsz
Cmd + „-“
Opt + kółko myszy
Powiększ do zaznaczenia
Cmd + 3
Ctrl + 3
Powiększ, aby pokazać wszystko
Cmd + 0
Ctrl + 0
100%
Cmd + 1
Ctrl + 1
200%
Cmd + 2
Ctrl + 2
Przesuń
Spacja
Spacja
Elementy
Shift + Cmd + Y
Ctrl + Shift + Y
Warstwy
Cmd + Y
Ctrl + Y
Pokaż siatkę układu
Shift + Cmd + '
Shift + Ctrl + '
Pokaż kratkę
Cmd + '
Ctrl + '
Tryb pełnoekranowy
Ctrl + Cmd + F
Niedostępne
Przełącz między trybami projektowym i prototypowym
Ctrl + Tab
Ctrl + Tab
Przełącz między oknami (plikami)
Cmd + Tilde (~)
Niedostępne
Zwiększ lub zmniejsz wartość w polu o 1
↑ lub ↓
↑ lub ↓
Zwiększ lub zmniejsz wartość w polu o 10
Shift + ↑ lub Shift + ↓
Shift + ↑ lub Shift + ↓
Skróty klawiszowe dla menu „Okno”
Opcja
macOS
Windows
Maksymalizuj
Niedostępne
Windows + ↑
Minimalizuj
Cmd + M
Windows + ↓
Podgląd
Cmd + ⏎
Ctrl + Enter
Skróty klawiszowe dla zmian operacji
Opcja
macOS
Windows
Ruch poziomy
Shift + kółko myszy
Shift + kółko myszy
Ruch pionowy
Kółko myszy
Kółko myszy
Skróty klawiszowe dla wybierania i mierzenia odległości między elementami
Opcja
macOS
Windows
Aktywuj odstępy
Opt (dla wybranego obiektu)
Alt (dla wybranego obiektu)
Odległość od zaznaczonej warstwy
Przytrzymując klawisz Opt prowadź kursor myszy nad obiektem/grupą/płaszczyzną rysowania
Przytrzymując klawisz Alt prowadź kursor myszy nad obiektem/grupą/płaszczyzną rysowania
Odległość względna od zaznaczonej grupy
Naciśnij Opt + Cmd i prowadź kursor myszy nad obiektem w grupie
Nacisnij Ctrl + Alt i prowadź kursor myszy nad obiektem w grupie
Spacja + Kliknięcie i Przeciąganie, ↑, ↓, →, ←, Spacja + Kliknięcie i Przeciąganie
Szybsze przesuwanie
Shift + ↑, ↓, →, ←
Shift + ↑, ↓, →, ←
Odebranie skupienia z płaszczyzny rysowania w widoku specyfikacji projektu
Esc
Esc
Poruszanie się między połączonymi płaszczyznami rysowania
Shift + Kliknięcie
Shift + Kliknięcie
Skróty klawiszowe do edycji wektorów
Opcja
macOS
Windows
Rozpoczęcie edycji wybranego obiektu wektorowego
Enter
Enter
Zakończenie edycji wybranego obiektu wektorowego
Esc
Esc
Przełączanie między prostymi a odbitymi punktami kontrolnymi
Podwójne kliknięcie
Podwójne kliknięcie
Oddzielenie uchwytu punktu kontrolnego
Opt + Przeciągnij
Alt + Przeciągnij
Skróty klawiszowe do tworzenia prototypów
Opcja
macOS
Windows
Pokaż wszystkie połączenia w trybie prototypowania
Cmd + A
Ctrl + A
Ukryj wszystkie przewiązania
Opt
Alt
Podgląd
Cmd + Enter
Ctrl + Enter
Uruchom lub zatrzymaj nagrywanie podglądu
Cmd + Ctrl + R
Niedostępne
Zatrzymaj nagrywanie
Esc
Niedostępne
Poruszaj się między płaszczyznami rysowania w oknie podglądu lub udostępnionym prototypie
Strzałka w prawo lub strzałka w lewo (→ albo ←)
Utwórz nową linię w polu komentarza udostępnionego linka prototypu
Enter lub Shift + Enter
Enter lub Shift + Enter
Wyślij wpisany komentarz w polu komentarza linku prototypu
Cmd + Enter
Ctrl + Enter
10 najlepszych wskazówek i tricków dla Adobe XD
Wykorzystaj powtórzenia znaków: Podczas projektowania powtarzających się elementów, takich jak menu czy przyciski, użyj powtórzeń znaków. Zmiany w jednym znaku będą automatycznie stosowane do wszystkich instancji.
Tworzenie prototypów i interakcji: Adobe XD pozwala tworzyć prototypy z interaktywnymi elementami. Możesz łączyć ekrany, dodawać przejścia i przeprowadzać testy użytkowników, aby zoptymalizować doświadczenie użytkownika.
Wykorzystaj komponenty: Stwórz komponenty dla powtarzających się elementów interfejsu użytkownika. Zmiana w komponencie zostanie zaktualizowana we wszystkich instancjach, co oszczędza czas i zapewnia spójność.
Zagnieżdżanie obszarów: Zorganizuj plik projektu, zagnieżdżając ramki w sobie. Dzięki temu zachowasz porządek na obszarze roboczym i zachowasz orientację.
Korzystanie z wtyczek: Adobe XD obsługuje wtyczki, które pozwalają dodawać dodatkowe funkcje. Sprawdź dostępne wtyczki, aby rozszerzyć swój workflow.
Przywracanie usuniętych elementów: Jeśli przypadkowo usunąłeś element, możesz go przywrócić za pomocą kombinacji klawiszy "Ctrl/Cmd + Z".
Pikselowe wyrównywanie: Użyj klawisza "Shift", aby pikselowo wyrównać elementy podczas przeciągania lub skalowania.
Responsive design: Adobe XD umożliwia projektowanie dla różnych rozmiarów ekranów. Użyj funkcji "Responsive Resize", aby upewnić się, że Twój projekt będzie wyglądał dobrze na różnych urządzeniach.
Komentarze i opinie: Gdy udostępniasz swój projekt innym osobom, skorzystaj z funkcji komentarzy w Adobe XD, aby otrzymać opinie i śledzić zmiany.
Nauka skrótów klawiszowych: Wreszcie zawsze warto nauczyć się najważniejszych skrótów klawiszowych, aby pracować szybciej. Możesz używać domyślnych skrótów klawiszowych Adobe XD lub dostosować je według własnych preferencji.
Stefan Petri prowadzi razem ze swoim bratem Matthiasem popularne forum specjalistyczne PSD-Tutorials.de oraz platformę e-learningową TutKit.com, która koncentruje się na szkoleniu i doskonaleniu cyfrowych umiejętności zawodowych.