figma – skróty klawiaturowe

Aby zobaczyć wszystkie skróty klawiaturowe użyj skrótu ctrl + shift + ? przejdź do quick actions menu (cmd + /) i wpisz shortcuts.

• cmd + P lub cmd + / – wyszukiwarka podpowiedzi, quick actions – i tu wpisujesz co szukasz
• cmd + alt + P – otwiera ostatnio używany plugin

widok

• cmd + \ – pokaż / ukryj panele
• shift + \ – pokaż / ukryj tylko lewy panel
• cmd + + – przybliża widok lub cmd + scroll do góry
• cmd + – – oddala widok lub cmd + scroll do dołu
• shift + 0 – widok w 100%
• shift + 1 – widok wszystkiego co jest na canvie
• shift + 2 – centruje widok do wszystkich frame w canvas, jeśli pierw zaznaczymy dany frame to shift + 2 wycentruje nam do niego
• space – przy wciśniętym space możesz kursorem przemieszczać się po całym obszarze canvy
• + / – – przybliża lub oddala, można z klawiszem cmd/ctrl lub samo + -, ciekawa opcją jest zaznaczenie w preferencjach: Keyboard zooms into selections – wtedy przybliża / oddala względem zaznaczonego elementu, możesz tą opcję zaznaczyć lub odznaczyć, w zależności od swoich upodobań
• shift + C – ukrywa / pokazuje komentarze
• alt + L – zamyka wszystkie warstwy w lewym panelu
• zaznaczona sekcja, główny frame w lewym panelu, klawisz cmd + klikamy kursorem myszy na szewron – wszystkie warstwy otwierają się w drzewie warstw, działa również przy zaznaczeniu paru sekcji, frame

panele/ pliki – file

• cmd + 1 przełączenie na pierwszą kartę – home
• cmd + 2/3/4… – przełącza na kolejna wg. wskazanego numeru kartę, licząc kartę home jako 1
• ctrl + cmd + space – dodaje emoji, np. przed nazwa page
• z menu wybierane Pin/unpin tab – pozwala na zminimalizowanie okna karty tylko do ikony i umieszczenie jej zaraz za plikiem karty Home
• ikona 3 kropek po prawej stronie – pokazuje wszystkie ostatnio otwarte karty, pliki
• dodanie pliku do favorite / ulubione – przez kliknięcie ikony gwiazdki na okładce pliku na ekranie Home – ułatwia odnalezienie tego, który używamy najcześciej
• przy pracy z dużym plikiem, w pliku klikamy logo Figmy, wybieramy View/Memory usage – tutaj będziesz widzieć jaki plik zabiera najwiecej pamięci, lub jaka warstwa jeśli odznaczysz opcję: „Show memory usage in layers panel”

frames

• zaznaczony konkretny frame – alt/option + L – zamyka wszystkie otwarte w drzewie po lewej warstwy należące do tego Frame
• enter – zaznacza wszystkie elementy / dzieci zaznaczonego Frame
• \ – zaznacza rodzica zaznaczonych elementów
• cmd + zaznaczenie kursorem myszy elementu – zaznacza, wybiera ten element
• alt + shift – by skopiować i przesunąć element
• ctrl + G – pokazuje/ ukrywa grid – linie siatki czy zaznaczenie kolumn/ rzędów
• shift + A – włącza auto layout
• shift + alt + A – wyłącza auto layout
• ctrl + shift + A – układa elementy we Frame wg Suggest auto layout
• cmd + alt + C i następnie cmd + alt + V – kopiuje style danego frame (jak np kolor, zaokrąglenia telefonu) i wkleja je na drugi frame
• zaznaczasz wybrany element – cmd + shift + A – odwrócone zaznaczenie, zaznacza wszystko we frame poza zaznaczonym elementem – select inverse
• I – przy zaznaczonym frame, włącza color picker i ustawia kolor tła na wybrany pickerem
• [ lub ] – przesuwa warstwę w dół lub górę lub z przytrzymanym przyciskiem cmd względem reszty warstw o 1 do góry / dołu
• cmd + alt + shift + R – wyrównanie elementów w wariantach, tak by frame objął je wszystkie
• cmd + shift + H – ukrywa / odsłania zaznaczone warstwy, frame

images

• cmd/ctrl + shift + K – wstawia obrazki z dysku, przy zaznaczeniu kilku mamy je w pamięci i możemy wklejać kolejno w wybrane miejsca
• shift + cmd + C – kopiuje plik grafiki wewnątrz Figmy
• space – podczas przesuwania grafiki we frame nie przenosi go poza frame ale pozwala ustawić poza widoczną przestrzenią, poza granicami frame ale dalej przynależnego do frame

elements

• cmd/ctrl + D – duplikuje wielokrotnie, tyle ile razy wciśniesz D, zduplikowany wcześniej element w tej samej odlegości co pierwsza duplikacja od wzorca, przydatne kiedy kopiujemy linki czy powtarzające się frame, ustawia je wtedy w opcji tidy up co pozwala na łatwe zarządzanie odległością miedzy nimi
• cmd + shift + V + kliknięcie – wkleja element tam gdzie się kliknie jako warstwa nad
• cmd + shift + R + kliknięcie (lub wcześniejsze zaznaczenie elementu, lub elementów) – wkleja ale jednocześnie zastępuje kliknięty element tym wklejanym
• zaznaczasz jeden element i wybierasz cmd + P – wpisujesz same i tu wybierasz select all with the same properties – zaznacza wszystkie te same elementy
• alt + H + zaznaczone elementy – wyrównanie ich horyzontalnie do środka
• alt + V + zaznaczone elementy – wyrównanie ich wertykalnie do środka
• cmd + alt + K – tworzy komponent z zaznaczonego elementu/ frame