Skróty klawiaturowe Figma — pełna lista 100+ skrótów (Windows i Mac)

Figma obsługuje ponad 100 skrótów klawiaturowych — od podstawowych narzędzi (V Move, F Frame, T Text, P Pen) przez Auto Layout (Shift+A) po Dev Mode (Shift+D). Designer korzystający z 60 najczęstszych skrótów projektuje UI średnio 3× szybciej niż osoba pracująca tylko myszką. Ten przewodnik zawiera pełną listę skrótów Figma w 8 kategoriach, dedykowane sekcje dla Auto Layout i komponentów oraz porównanie z Adobe XD i Sketch.

---

12 najważniejszych skrótów Figma na start

12 skrótów Figma wystarczy do codziennej pracy projektowej — V (Move), F (Frame), T (Text), R (Rectangle), O (Ellipse), P (Pen), K (Scale), Ctrl+G (Group), Ctrl+D (Duplicate), Ctrl+/ (Search menu), Ctrl+\ (Hide UI), Ctrl+Alt+Enter (Present). Każdy z tych skrótów ma jednoliterową lub krótką kombinację — Figma została zaprojektowana z myślą o klawiaturze.

Najszybsza ścieżka: opanuj najpierw V, F, T, R, O (5 najczęściej używanych narzędzi), potem dodaj K (Scale) i P (Pen) dla bardziej zaawansowanej pracy. Po tygodniu codziennego projektowania te 7 skrótów przechodzi do pamięci mięśniowej.

12 skrótów na start

---

Pełna lista skrótów Figma — kategorie

Skróty Figma pogrupowane w 6 głównych kategorii: narzędzia, selekcja i nawigacja, frame i ramki, tekst, zoom i widok, komentarze i kolaboracja. Każda kategoria ma swoich faworytów — w narzędziach to V/F/T, w widoku Ctrl+\\ (Hide UI) i Ctrl+Plus/Minus (zoom).

Skróty narzędzi (V/F/T/R/P/K/L)

Skróty selekcji i nawigacji w grupie

Skróty Frame i ramek

Skróty tekstu i formatowania

Skróty zoom i widok

Skróty komentarzy i kolaboracji

---

Skróty Auto Layout — pełna sekcja

Auto Layout to fundament responsywnego projektowania w Figmie — Shift+A dodaje Auto Layout do zaznaczonego frame (przekształca go w kontener z padding, gap i kierunkiem), Shift+Alt+A usuwa Auto Layout z frame. Strzałki w panelu właściwości zmieniają padding i gap.

Auto Layout pozwala tworzyć komponenty UI, które dostosowują się do zawartości — przyciski rosną wraz z tekstem, listy układają elementy w pionie z zachowaniem odstępów, karty automatycznie ustawiają padding wokół zawartości. To główna funkcja, która odróżnia Figmę od starszych narzędzi typu Sketch.

Praktyczna obserwacja: jeśli projektujesz UI z 5+ przyciskami w jednym wierszu, ustawienie ich w Auto Layout (Shift+A) z gap=8 automatyzuje rozmieszczenie — dodanie kolejnego przycisku nie wymaga ręcznego dosuwania.

---

Skróty komponentów i wariantów

Komponenty Figma tworzysz przez Ctrl+Alt+K, instancje przez przeciągnięcie z Asset Library, a warianty łączysz w panelu Properties. Każda operacja ma skrót, ale warianty (Variants) wymagają również użycia panelu po prawej stronie do konfiguracji properties.

Komponent to mistrzowa wersja elementu (np. przycisk), z której tworzysz instancje. Zmiana w komponencie automatycznie aktualizuje wszystkie instancje w pliku. Warianty to grupa komponentów z różnymi stanami (Default, Hover, Pressed, Disabled) — używasz właściwości w panelu po prawej do przełączania.

---

Skróty prototyping i Smart Animate

W trybie Prototype skróty pomagają tworzyć przepływy i animacje — Ctrl+Alt+Enter uruchamia prezentację, przeciąganie z węzła łączy ekrany. Smart Animate uruchamia się automatycznie przy duplikacji frame z modyfikacją (zmiana pozycji, rozmiaru, koloru) — Figma interpoluje stan początkowy i końcowy.

---

Dev Mode — skróty dla deweloperów

Dev Mode (uruchamiany Shift+D) zmienia interfejs Figma w środowisko gotowe do programowania — pokazuje CSS, gotowy code snippet, statusy „ready for dev” i ikony developerskie. To kluczowy feature wprowadzony w 2023 dla zespołów łączących designera z developerem.

W Dev Mode designer może oznaczać sekcje jako „Ready for dev” (zielony znaczek), a developer dostaje dokładne wartości CSS (padding, color, font-size), gotowe code snippets w React/SwiftUI/Compose oraz porównania zmian między wersjami.

Dev Mode wymaga osobnego planu Figma (Professional lub wyższe). Dla zespołów, które wcześniej eksportowały specyfikację do Zeplin lub Avocode, Dev Mode zastępuje te narzędzia.

---

Skróty Figma na Mac — tabela porównawcza

Na Macu w Figmie klawisz Ctrl jest zastępowany przez Cmd (⌘), Alt przez Option (⌥). Skróty narzędzi (V, F, T, R, O, P, K) działają identycznie. Niektóre kombinacje wymagają na MacBookach Fn dla F-klawiszy.

---

Figma vs Adobe XD i Sketch — różnice w skrótach

Figma używa tych samych skrótów narzędzi co Sketch (V, F, T, R, O), ale różni się od Adobe XD — w XD nie ma F Frame Tool, ale jest A Artboard. Sketch z kolei stosuje A do „Artboard” jak XD.

Praktyczna obserwacja przy migracji z Sketch lub XD: Frame Tool to F w Figmie zamiast A — to częsta pomyłka. Drugi differentiator: Auto Layout (Shift+A) w Figmie zastępuje stack i constraints z innych narzędzi — uczy się go najszybciej przez praktykę.

---

Drukuj cheat sheet Figma bezpośrednio z artykułu

Tabele 60+ skrótów Figma powyżej (pogrupowane w 8 kategorii) możesz wydrukować bezpośrednio z przeglądarki — wciśnij Ctrl+P (Windows) lub ⌘+P (Mac), ustaw orientację A4 poziomą (landscape), marginesy 1 cm i wydrukuj jako podkładkę pod klawiaturę. Dla trwałości zalaminuj wydruk (folia A4) lub wydrukuj na papierze fotograficznym 200 g/m². Czcionka 9–10 pt dla skrótów, 8 pt dla opisu. Wbudowany w aplikację cheat sheet Figmy otworzysz skrótem Ctrl+Shift+? (na Mac: ⌘+Shift+? lub ⌘+/) — zawiera pełną listę skrótów aktywnego trybu (Design, Prototype, Dev Mode).

Dla designerów pracujących też w innych narzędziach, warto wydrukować cheat sheety Adobe XD i Adobe Illustrator — ułatwia przełączanie kontekstu między aplikacjami.

---

FAQ — skróty Figma

Jaki skrót dodaje Auto Layout?

Shift+A dodaje Auto Layout do zaznaczonego frame (lub grupy obiektów). Shift+Alt+A usuwa Auto Layout. Frame z Auto Layout automatycznie układa zawartość z padding i gap — to fundament responsywnego designu w Figmie.

Jak skrótem stworzyć komponent?

Ctrl+Alt+K (na Mac: ⌘+Option+K) zamienia zaznaczony obiekt w komponent. W panelu po prawej pojawia się ikona komponentu (4 kropki). Z komponentu możesz tworzyć instancje przeciągając go z Asset Library (Ctrl+Alt+Y).

Co robi V w Figmie?

V uruchamia Move Tool — narzędzie do zaznaczania i przesuwania obiektów. Po naciśnięciu V kursor zmienia się w czarną strzałkę. Move Tool jest domyślnym narzędziem, do którego wracasz po zakończeniu pracy z innym narzędziem (np. Esc po Pen Tool).

Jak włączyć Dev Mode skrótem?

Shift+D przełącza Dev Mode. Wymaga planu Figma Professional lub wyższego. Dev Mode pokazuje CSS dla zaznaczonych elementów, gotowe code snippets oraz pozwala oznaczać sekcje jako „Ready for dev” dla developerów.

Czy skróty Figma działają w FigJam?

Częściowo — wspólne skróty (V Move, T Text, R Rectangle, Ctrl+G Group, Ctrl+D Duplicate) działają identycznie. FigJam dodaje własne skróty dla sticky notes (S), connectors (Shift+L), markers (M) i shapes specyficznych dla whiteboardingu.

Jak zmienić skróty w Figmie?

Figma ma ograniczoną opcję zmiany skrótów — wbudowanego edytora nie ma, ale od 2024 są presety dla użytkowników Sketch i Adobe XD (Settings → Preferences → Keyboard layout). Pełna customizacja wymaga PowerToys Keyboard Manager lub AutoHotkey.

Jak skrótem wyjść z grupy?

Esc wychodzi z grupy lub komponentu. Enter wchodzi w głąb (do następnego poziomu). Tab cykluje przez rodzeństwo (siblings) na aktualnym poziomie. Ctrl+Shift+A wybiera najgłębszy element bezpośrednio.

Co to / w Figmie?

/ uruchamia Cursor chat — możliwość pisania wiadomości w czasie rzeczywistym do innych designerów otwartych w tym samym pliku. To unikalna funkcja Figmy dla zdalnej współpracy. Wiadomość pojawia się obok kursora i znika po kilku sekundach.

Czy skróty Figma działają na Mac i Windows?

Tak — z zamianą Ctrl na Cmd (⌘) i Alt na Option (⌥). Skróty narzędzi (V, F, T, R, O, P, K) działają identycznie. Wyjątkiem są niektóre F-klawisze na MacBookach (wymagają Fn). Pełną tabelę porównawczą znajdziesz w sekcji „Skróty Figma na Mac”.

Jak skrótem ukryć panele?

Ctrl+\\ (Ctrl + backslash) ukrywa lub pokazuje panele po lewej i prawej — daje pełny obszar roboczy do projektowania. Ctrl+Y przełącza widok wireframe (tylko obrysy, bez wypełnień). Esc zamyka aktualnie otwarty popup lub panel kontekstowy.