Гарячі клавіші у Figma: шпаргалка для SMM-спеціалістів та дизайнерів
Перший візит у Figma часто закінчується тим, що після випадкового руху зникає частина макета. Це класика: серія хаотичних кліків (від яких стає тільки гірше) і судомні спроби знайти кнопку «повернути все назад».
Тому перше правило: ти нічого не ламаєш. Тут кожну дію можна скасувати, тож розслабся.
Друге: гарячі клавіші у Figma — це мастхев. Саме вони допомагають миттєво копіювати, групувати чи вирівнювати елементи. Це економить купу часу, бо замість десяти кліків мишкою, ти просто зажимаєш комбінацію на клавіатурі.
P.s. Шорткатів знадобиться трохи більше, ніж 2-3, але вони реально полегшують роботу SMM-спеціаліста. З ними дизайн робиться у 2 рази швидше.
Тут зібрали список гарячих клавіш, якими щодня користуються дизайнери Kukurudza. Зберігай та забирай собі у роботу!
Як почати юзати шорткати у фігма?
Перш ніж розбирати самі кнопки, треба зрозуміти, як їх взагалі запам’ятати й не закинути це навчання через п’ять хвилин (бо клавіш багацько).
Але є хороша новина — тобі не потрібно знати їх усі.
Тому крок 1: випиши в нотатки (або на папірець) дії, які ти робиш найчастіше. Наприклад, дублювання об'єктів, вирівнювання.
Крок 2: знайди шорткати саме для цих команд і запиши їх поруч.
Крок 3: наступні кілька днів свідомо виконуй ці дії тільки через клавіатуру.
Так ти доведеш рухи до автоматизму. Спочатку доведеться підглядати в нотатки, але згодом пальці запам’ятають усе самі, і швидкість роботи збільшиться.
А тепер переходимо до самих клавіш.
Гарячі клавіші у фігма
Спойлер: ми зібрали комбінації клавіш як для Windows, так і для macOS.
Як перемикатись між інструментами в Figma?
Таблиця гарячих клавіш по роботі з групами і елементами
Як працювати з масштабом в Figma? Figma hotkeys
Як копіювати та вставляти у Figma?
Інструменти макету
Робота з шарами
Як працювати зі шрифтами у Figma?
Миттєва передача стилів з одного елемента на інший
Ця комбінація допоможе тобі за секунду скопіювати всі візуальні властивості (колір, шрифт, тіні тощо) одного об'єкта і перенести їх на інший. А це дужеее економить час, коли у тебе багато однотипних елементів.
То як копіюємо властивості?
Крок 1: Виділяй елемент, оформлення якого хочеш скопіювати, і натискай:
Mac: Option + Cmd + C
Windows: Alt + Ctrl + C
2 крок: виділяй інший об’єкт і натискай:
Mac: Option + Cmd + V
Windows: Alt + Ctrl + V
Готово — другий об’єкт тепер виглядає точнісінько так само.
А якщо тобі треба скопіювати лише якусь одну властивість, просто виділи конкретний рядок стилю в панелі об'єкта і натисни:
Mac: Command + C
Windows: Ctrl + C
Потім вибери потрібний об'єкт і встав стиль:
Mac: Command + V
Windows: Ctrl + V
Окей, а чи є у Figma якесь місце, де зібрані взагалі всі гарячі клавіші?
Як відкрити панель комбінацій клавіш у Figma
У Figma є вбудована шпаргалка, де можна підглянути всі гарячі клавіші. Це спосіб нагадати забуте або знайти щось новеньке.
Відкрити вікно можна двома шляхами:
1. Клацни на «Help and resources» (Довідка та ресурси) у правому нижньому куті екрана. А там уже вибери пункт «Keyboard shortcuts» (Комбінації клавіш).
2. Використай гарячі клавіші (так, вони всюди!).
Mac: Cmd + Shift + ?
Windows: Ctrl + Shift + ?
Після цього відкриється вікно, де інструменти та їхні гарячі клавіші розкладені по поличках.
Висновок
Коли ти знаєш гарячі клавіші, то не суєтишся і не витрачаєш нерви там, де можна просто натиснути 2 кнопки.
Але гарячі клавіші — це лише база. Так, вони роблять життя простішим, проте тільки системний підхід допомагає створювати не просто швидкий, а реально якісний контент, що працює на цілі бренду.
Тому якщо ти хочеш:
- Прокачати скіли в SMM- та графічному дизайні;
- Навчитися будувати дизайн-системи, які вивільняють купу часу;
- Керувати увагою аудиторії через віжуал;
- Подружитися з AI-інструментами для дизайну.
І все це з практикою, реальними кейсами та підтримкою куратора, то welcome на курс з SMM-дизайну. Кажуть, що після нього Figma стає інструментом, без якого неможливо уявити свій робочий день. Можеш переконатися на власному досвіді!
Цьом!