Гарячі клавіші у Figma, які пришвидшують роботу SMM-дизайнера

Ти вперше заходиш у Figma, щось тицяєш і в тебе зникає половина макета. Це канонічна ситуація: «Я щось зламала!», хаотичні кліки (після яких робиться ще гірше) і пошук «Я повернути всьо назад?».

Тому перше правило: ти нічого не ламаєш. Тут все можна виправити, розслабся.

Друге: у роботі в фігма без гарячих кнопок ніяк. Саме вони допомагають швидко відновити дії, копіювати елементи, групувати, обертати й вирівнювати — за секунди, а не через десять кліків мишкою.

P.s. Хоч тут і не обійдешся 2-3 комбінаціями, гарячі кнопки (або їх ще називають шорткоди) значно полегшують життя SMM-спеціалістам та дизайнерам, бо допомагають оформлювати у 2 рази швидше.

І тут ми зібрали шпаргалку з гарячих клавіш Figma, якими реально користується команда дизайнерів Kukurudza. Забирай, зберігай і користуйся на здоров’я!

Стоп-стоп-стоп! 

Як почати використовувати гарячі клавіші у роботі?

Перед тим як розглядати гарячі кнопки, треба зрозуміти, як їх запам’ятати, перетворити у звичку і почати юзати у роботі (бо клавіш дуууже багацько).

Але хороша новина — не всі вони тобі потрібні. 

Тому 1 крок: створи список в нотатках (чи запиши ручкою) з командами, що найчастіше використовуєш у роботі. До прикладу, дублювання, вирівнювання, інструменти для малювання фігур. 

Крок 2: знайди для цих команд гарячі клавіші та запиши.

Крок 3: наступні кілька днів тренуйся виконувати ці команди лише за допомогою гарячих клавіш.

Так ти перетвориш їх на звичку! Хоч і спочатку потрібно буде думати, потім ти робитимеш це автоматично, а це значно прискорить час в роботі!

А тепер ходи до самих клавіш.

Гарячі клавіші Figma

Як перемикатись між інструментами в Figma?

Таблиця гарячих клавіш по роботі з групами і елементами

Як працювати з масштабом в Figma? Figma hotkeys

Як копіювати та вставляти у Figma?

Інструменти макету

Робота з шарами

Як працювати зі шрифтами у Figma?

Миттєва передача стилів з одного елемента на інший

А ця функція допоможе тобі швидко копіювати візуальні властивості (кольори, шрифти, тіні тощо) одного елемента та переносити їх на інший. 

Це значно зекономить тобі час (особливо, коли працюєш з великою кількістю повторювальних елементів), адже, замість того, що все робити вручну, ти просто переносиш стиль. 

То як скопіювати властивості?

1 крок: Виділи елемент, з якого будемо копіювати оформлення, і тицьни:

2 крок: виділи інший об’єкт і тицьни:

І все — другий об’єкт з тими ж самими властивостями.

А щоб скопіювати якусь одну з властивостей, треба вибрати рядок стилю в об’єкті та натиснути:

Потім вибрати потрібний об’єкт та натиснути:

Окей, а сама Figma десь зібрала шорткоди в одному місці?

Панель комбінацій клавіш у Figma

Оф, корс! Ця функція дозволяє глянути всі гарячі клавіші. А це можливість напам’ятати собі деякі або знайти нові.

Щоб відкрити це вікно, у тебе є 2 варіанти:

1. Натисни «Help and resources» (Довідка та ресурси) у нижньому правому куті екрана. А далі вибери кнопку «Keyboard shortcuts» (Комбінації клавіш). 
2. Використай гарячі клавіші (та, знову вони!).

І відкриється вікно, де зможеш знайти потрібний інструмент та шорткод. 

Висновок

Коли ти знаєш гарячі клавіші, то не суєтишся і не витрачаєш нерви там, де можна витратити дві кнопки.

Але гарячі клавіші у фігма — це лише база. Так, вони роблять легшою роботу, але саме системний підхід у SMM-дизайні допомагає не лише швидше, а і якісніше оформлювати контент.

Тому якщо ти хочеш:

1. Прокачати базу SMM- та графічного дизайну.
2. Створювати дизайн-системи, що вивільняють час у 3 рази.
3. Керувати увагою аудиторії і досягати цілей через оформлення
4. Подружитись з AI для дизайну.

І це все з практикою, кейсами та куратором, то welcome на курс з SMM-дизайну. Кажуть, після курсу Figma стає мастхев-інструментом, без якого вже складно уявити свою роботу. Можеш переконатись на своєму досвіді!

Цьом!