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
| Skrót | Działanie |
|---|---|
| V | Move Tool (zaznaczanie) |
| F | Frame Tool |
| T | Text Tool |
| R | Rectangle Tool |
| O | Ellipse Tool |
| P | Pen Tool |
| K | Scale Tool |
| Ctrl+G | Group |
| Ctrl+D | Duplicate |
| Ctrl+/ | Search menu |
| Ctrl+\\ | Hide / Show UI |
| Ctrl+Alt+Enter | Present (Prototype mode) |
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ót | Narzędzie |
|---|---|
| V | Move Tool |
| F | Frame Tool |
| T | Text Tool |
| R | Rectangle Tool |
| O | Ellipse Tool |
| L | Line Tool |
| P | Pen Tool |
| P + Shift | Pencil Tool |
| K | Scale Tool |
| C | Comment |
| S | Slice Tool |
Skróty selekcji i nawigacji w grupie
| Skrót | Działanie |
|---|---|
| Tab | Cycle przez elementy w grupie |
| Enter | Wejdź w grupę |
| Esc | Wyjdź z grupy |
| Ctrl+Shift+A | Deep Select (zaznacz najgłębszy element) |
| Alt+klik | Select underneath (zaznacz pod aktywnym) |
| Ctrl+klik | Select layer in nested |
| Ctrl+A | Select All |
| Shift+klik | Dodaj do zaznaczenia |
Skróty Frame i ramek
| Skrót | Działanie |
|---|---|
| F | Frame Tool |
| Alt+drag | Duplikuj obiekt (kopia w nowym miejscu) |
| Shift+drag | Constrain (zachowaj proporcje / oś) |
| Ctrl+Alt+G | Frame from selection |
| Shift+R | Toggle ruler |
| Ctrl+G | Group |
| Ctrl+Shift+G | Ungroup |
Skróty tekstu i formatowania
| Skrót | Działanie |
|---|---|
| T | Text Tool |
| Ctrl+B | Bold |
| Ctrl+I | Italic |
| Ctrl+U | Underline |
| Ctrl+Alt+Plus | Większy font |
| Ctrl+Alt+Minus | Mniejszy font |
| Ctrl+Alt+L | Align Left |
| Ctrl+Alt+R | Align Right |
| Ctrl+Alt+C | Align Center |
| Ctrl+Alt+T | Type panel |
Skróty zoom i widok
| Skrót | Działanie |
|---|---|
| Ctrl+Plus | Zoom in |
| Ctrl+Minus | Zoom out |
| Ctrl+0 | Zoom to fit selection |
| Ctrl+1 | 100% (Actual size) |
| Ctrl+2 | Zoom to selection |
| Z+klik | Zoom in (Zoom Tool) |
| Spacja+drag | Pan (przewijanie) |
| Ctrl+\\ | Hide / Show UI |
| Ctrl+Y | Toggle outlines (tryb wireframe) |
Skróty komentarzy i kolaboracji
| Skrót | Działanie |
|---|---|
| C | Comment Tool |
| / | Cursor chat (czat z innymi designerami w pliku) |
| Esc | Zamknij komentarz |
| Shift+E | Export selection |
| Ctrl+E | Export with options |
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.
| Skrót | Działanie |
|---|---|
| Shift+A | Add Auto Layout |
| Shift+Alt+A | Remove Auto Layout |
| Tab | Toggle Hug content / Fill container |
| strzałki w panelu padding/gap | Zmiana wartości |
| Alt+strzałki na element | Resize element w Auto Layout |
| Ctrl+Shift+drag | Push siblings (wepchnij sąsiednie elementy) |
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.
| Skrót | Działanie |
|---|---|
| Ctrl+Alt+K | Create Component |
| Ctrl+Alt+B | Detach Instance (odłącz instancję od master) |
| Ctrl+klik na instancję | Reset Instance (przywróć wartości master) |
| Shift+Alt+klik | Detach all instances |
| Ctrl+Alt+Y | Show Library |
| Ctrl+Shift+Y | Show Versions |
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.
| Skrót | Działanie |
|---|---|
| Ctrl+Alt+Enter | Present (uruchom prototyp w nowym oknie) |
| Ctrl+Shift+E | Export |
| Shift+Spacja | Toggle visibility |
| Esc | Exit prototype |
| R w trybie prototype | Restart preview |
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.
| Skrót | Działanie |
|---|---|
| Shift+D | Toggle Dev Mode |
| Ctrl+klik na element | Inspect layer (pokaż CSS) |
| Ctrl+Shift+C | Copy generated code |
| Ctrl+/ | Search dev tools |
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.
| Działanie | Windows | Mac |
|---|---|---|
| Move Tool | V | V |
| Frame Tool | F | F |
| Text Tool | T | T |
| Pen Tool | P | P |
| Group | Ctrl+G | ⌘+G |
| Ungroup | Ctrl+Shift+G | ⌘+Shift+G |
| Duplicate | Ctrl+D | ⌘+D |
| Auto Layout | Shift+A | Shift+A |
| Create Component | Ctrl+Alt+K | ⌘+Option+K |
| Search menu | Ctrl+/ | ⌘+/ |
| Hide UI | Ctrl+\\ | ⌘+\\ |
| Present | Ctrl+Alt+Enter | ⌘+Option+Enter |
| Dev Mode | Shift+D | Shift+D |
| Comment | C | C |
| Cursor chat | / | / |
| Zoom in | Ctrl+Plus | ⌘+Plus |
| Fit selection | Ctrl+0 | ⌘+0 |
| Bold tekst | Ctrl+B | ⌘+B |
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.
| Działanie | Figma | Adobe XD | Sketch |
|---|---|---|---|
| Move / Selection | V | V | V |
| Frame / Artboard | F | A (Artboard) | A (Artboard) |
| Text | T | T | T |
| Rectangle | R | R | R |
| Ellipse | O | E | O |
| Pen Tool | P | P | V (po Esc) |
| Auto Layout | Shift+A | (stack/grid) | (Smart Layout) |
| Group | Ctrl+G | Ctrl+G | ⌘+G |
| Comment | C | (przez UI) | (przez UI) |
| Prototype mode | tab w UI | tab w UI | (osobna app — Sketch Mirror) |
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.
O autorze
Od autora: Na altcontroldelete.pl dzielę się wiedzą, która pomaga użytkownikom opanować technologię i uczynić z niej sprzymierzeńca w codziennym życiu. Moją pasją jest odkrywanie prostych sposobów na to, by komputery,…
Inne wpisy z kategorii Programy
Skróty klawiszowe Minecraft — pełna lista sterowania (Java i Bedrock)
Skróty klawiszowe Minecraft w tabelach: ruch WASD, ekwipunek, F3 i wszystkie kombinacje, latanie, Java vs Bedrock. Zobacz pełną listę i zmień klawisze.
Skróty klawiaturowe Adobe Illustrator — pełna lista 80+ kombinacji (Windows i Mac)
Pełna lista 80+ skrótów Adobe Illustrator — V Selection, P Pen, T Type i Edit > Keyboard Shortcuts. Tabele Mac/Win i porównanie z Photoshopem.
Klawisze funkcyjne F1-F12 i klawisze specjalne — do czego służą i jak ich używać
Klawisze funkcyjne F1-F12 i specjalne (Print Screen, Caps Lock, Fn) — do czego służą w Windows, Word, Excel, przeglądarkach. Dlaczego F nie działa?