Короткий гайд з інструментів у Figma

Стаття для тих, хто тільки почав поринати у вивчення Figma або для тих, хто замислюється над цим. Розкажу які інструменти є та як їх використовувати.

Панель інструментів знаходиться у верхньому лівому кутку.

Перша кнопка на панелі – це головне меню. Через меню можна зберегти файл, створити новий, додати об'єкт, змінити налаштування.

Друга кнопка на панелі - Це вибір варіанта курсору.

«Move» — використовується для переміщення файлом і перетягування об'єктів. Гаряча клавіша V

"Scale" - використовується для масштабування об'єкта. Гаряча клавіша K

Гаряча клавіша - це можливість переключитися на інструмент за допомогою клавіші на клавіатурі, так буде швидше.

Третя кнопка на панелі - Це вибір секції.

"Frame" - це робоча зона. Всі необхідні елементи розміщуються всередині кадру. Все, що вийшло за рамки, не відобразиться при розвантаженні підсумкової картинки. Визначити розмір кадру можна вручну: вибираємо інструмент та малюємо область. Або виберіть потрібний кадр на панелі праворуч.

"Section" - це угруповання кадрів. Використовується, коли на сторінці багато кадрів і потрібно показати їх приналежність один до одного.

Slice – використовується для експорту довільної прямокутної області, наприклад, потрібно вивантажити половину кадру.

Четверта кнопка - Вибір об'єкта. У часто використовуваних теж є гарячі клавіші, вони вказані навпроти елементів.

П'ята кнопка - Вибір пера.

"Pen" - інструмент для створення векторних ілюстрацій будь-якої форми. Також можна використовувати для вирізання об'єкта з зображення або фотографії. Розповім про це у наступних уроках ;)

"Pencil" - малювання "від руки". Якщо вмієте малювати мишкою чи тачпадом, то вам сподобається.Я не використовую.

Шоста кнопка - Додавання тексту. Вибираємо інструмент на панелі або за допомогою гарячої клавіші T, ставимо курсор у будь-яке місце (або в потрібне місце) і починаємо писати.

Сьома кнопка – швидкий доступ до бібліотеки компонентів, віджетів та плагінів. Про кожен із цих пунктів буде окремий урок.

Восьма кнопка - Рука. У цьому режимі не вдасться редагувати та рухати елементи, інструмент використовується для переміщення файлом.

Дев'ята кнопка - коментар, гаряча клавіша "С". У цьому режимі натисніть будь-яке місце робочої області, з'явиться віконце для введення коментаря. Коментар можуть залишити всі, хто має доступ до файлу. Усі коментарі будуть видно на панелі праворуч, якщо вибрано цей режим.

Короткий гайд інструментами Figma завершено! Я описала основні інструменти, і для чого вони використовуються. Щоб дізнатись більше, читай інші статті серії.

Як у фігмі повернути панель інструментів

Якщо у Figma ви випадково приховали панель інструментів, яка знаходиться зліва, не панікуйте. Є кілька способів швидко повернути її назад:

1. Використовуйте гарячі клавіші: натисніть комбінацію клавіш Shift+Ctrl+T, і панель інструментів знову з'явиться на екрані.

2. Знайдіть кнопку «View» у меню зверху та виберіть «Show Toolbar». Це також поверне панель інструментів на місце.

3. Якщо ви надаєте перевагу використанню миші, то наведіть курсор на ліву частину екрана, клацніть правою кнопкою миші і виберіть пункт «Show Toolbar».

Якщо жоден із цих способів не допоміг, можете перевірити, чи немає запущеного екранного режиму програми. Якщо є, вийдіть з нього і спробуйте знову використовувати гарячі клавіші або пункт меню «Show Toolbar».

FIGMA: ІСТОРІЯ ВЕРСІЙ І СКАСУВАННЯ ДІЙ — Уроки фігма російською

Гарячі клавіші у Фігмі, які я використовую: як запам'ятати та як працювати швидко (Figma Hotkeys)

Як повернути панель із шарами у Фігмі?

Щоб показати або приховати Тільки шари, натисніть Alt + 1. Щоб показати або приховати Тільки компоненти, натисніть Alt+2. Щоб показати або приховати Панель дизайну, натисніть Alt+8. Щоб показати або приховати Панель прототипу, натисніть Alt+9.Mar 25, 2021

Як називається панель у лівій частині екрана у Фігмі?

Панель шарів (Layers Panel) У лівій частині екрана знаходиться панель шарів. Вона дає вам легкий доступ до шарів, компонентів та сторінок, які використовуються всередині вашого поточного файлу Figma. Будь-які кадри, групи або об'єкти, які ви додаєте на полотно, відображатимуться на панелі шарів.

Як відкрити панель шарів у Фігма?

Щоб показати або приховати Тільки шари, натисніть Alt+1. Щоб показати або приховати Тільки компоненти, натисніть Alt+2. Щоб показати або приховати Панель дизайну, натисніть Alt+8. Щоб показати або приховати Панель прототипу, натисніть Alt+9.

Як збільшити панель управління у Figma?

Панель керування Figma можна збільшити за допомогою гарячих клавіш. Windows: Збільшити панель управління у Figma: Ctrl + Alt + = Зменшити: Ctrl + Alt + -

Як повернути назад у Фігмі?

Скасування дій у Figma Використовуйте меню File->Edit->Undo або комбінацію клавіш Ctrl+Z Це скасує вашу поточну операцію.

Як повернути бічну панель у фігмі

Фігма – це потужний інструмент для дизайнуякий використовується по всьому світу. Однак, у процесі роботи з додатком, виникають ситуації, коли користувачі випадково закривають бічні панелі або вкладки у Фігмі, і не знають, як їх повернутищо ускладнює роботу. У цій статті ми поділимося декількома корисними методами і порадамиякі допоможуть вам відновити бічну панель у Фігмі.

Як повернути бічну панель

Перед тим, як приступити до відновлення бічної панелі у Фігмі, необхідно розуміти, що є два види бічних панелей: для Windows та для Mac. Обидва методи відновлення панелі аналогічні, але потрібно використовувати відповідні комбінації клавіш.

Для відновлення бічний панелі, виконайте такі кроки:

1. Натисніть клавіші Ctrl + \ на Windows або ⌘ + \ на Mac.
2. В результаті бічна панель з'явиться на екрані.

Як називається панель у лівій частині екрану у Фігмі

Панель шарів (Layers Panel): Це основна панель, що знаходиться в лівій частині екрану у Фігмі. Вона дає вам легкий доступ до шарів, компонентам і сторінкам, що використовується всередині поточного файлу Фігми. Будь-які кадри, групи або об'єкти, які ви додаєте на полотно, відображатимуться на панелі шарів.

Як повернути панель збоку вниз

Як тільки ви берете на озброєння використання бічної панелі у ФігміВам необхідно навчитися відкривати та закривати її відповідно до своїх вимог. Одним із трюків у цьому відношенні є зміна місцяде знаходиться бічна панель. Якщо ви випадково згорнули панель або вона зникла на вигляд, дотримуйтесь цього методу для її відновлення:

1. Клацніть правою кнопкою миші на будь-якому порожньому місці панелі.
2. Виберіть «Параметри панелі завдань» або «Властивості» у попередніх версіях Windows.
3. Знайдіть опцію «Положення панелі завдань на екрані» і виберіть потрібне місце з меню, що випадає.

Як повернути закриту вкладку у Фігмі

Нерідко буває так, що ви закрили вкладку у Фігмі, не зберігши її або втративши можливість знайти її зновуі вам потрібно її відновити.Наступний метод дозволяє швидко відновити закриту вкладку у Фігмі:

1. Використовуйте комбінацію клавіш Ctrl+Shift+T.
2. В результаті ви повернетеся назад до закритої вкладки.

Корисні поради та висновки

• У Фігмі є кілька варіантів відновлення бічної панелі залежно від вашої ОС та від типу панелі.
• Панель шарів – це основна панель, що знаходиться в лівій частині екрану у Фігмі.
• У Фігмі можна легко змінювати розташування бічної панелі.
• Якщо ви закрили вкладку у Фігмі, ви можете швидко відновити її, натиснувши комбінацію клавіш Ctrl+Shift+T.
• Такождля кращої навігації по Фігмі, ви можете вивчити поєднання клавіш, які допоможуть прискорити роботу

Як подивитися відступи у Фігмі на Маку

Якщо ви працюєте у програмі Figma на комп'ютері Mac і хочете дізнатися про відступи між елементами, то це дуже просто. Для початку, необхідно виділити цікавий для вас елемент і затиснути клавішу Alt. Після цього наведіть курсор на найближчий елемент, щоб дізнатися відступ між ним та виділеним елементом. Наприклад, якщо ви працюєте з дизайном веб-сайту, то можна легко дізнатися розміри відступів між різними блоками на сторінці. Це дуже зручно та дозволяє швидко відрегулювати відстань між елементами відповідно до заданих вимог. Таким чином, навичка контролю відступів у програмі Figma може значно спростити вашу роботу та підвищити якість дизайну продукту.

Як відкрити Constraints у фігмі

Для того, щоб відкрити Constraints у Figma, необхідно виділити будь-який елемент дизайну, після чого дивитися у правий бар програми. У цьому блоці зібрані базові налаштування Constraints, які дозволяють контролювати поведінку та розташування елементів дизайну при зміні розмірів батьківського блоку.Наприклад, завдяки Constraints можна задати максимальну та мінімальну висоту чи ширину об'єкта, встановити його центр чи кордон до батьківського блоку. Змінювати Constraints можна в будь-який момент процесу роботи. Завдяки цьому функціоналу, фахівці можуть домагатися більш точного та чіткого відображення елементів на робочій області, що дозволяє створювати якісніші дизайни та покращувати взаємодію з користувачем.

Як увімкнути гарячі клавіші у фігмі

Щоб увімкнути гарячі клавіші у програмі Figma, необхідно виконати кілька простих дій. Всі гарячі клавіші в програмі називаються «Keyboard Shortcuts» і щоб побачити весь їх список, потрібно натиснути на знак питання в правому нижньому кутку екрана або використовувати поєднання гарячих клавіш Ctrl+Shift+? .

Щоб увімкнути гарячі клавіші, потрібно відкрити налаштування Figma, вибравши меню налаштувань «Preferences». Потім вибрати розділ "Keyboard Shortcuts" і перейти у вкладку "Global" або "File". Там можна вибрати необхідні гарячі клавіші зі списку наданих опцій або додати комбінації клавіш на свій розсуд.

Також на цій сторінці можна вимкнути або змінити гарячі клавіші для певних функцій програми. Увімкнувши гарячі клавіші, ви значно прискорите свою роботу у Figma, оскільки більшість функцій програми можуть бути швидко доступні за допомогою клавіш.

Як використовувати клавіші F на мак

Якщо ви використовуєте комп'ютер Mac, ви знайомі з тим, що на клавіатурі є клавіші F. Але, можливо, ви не знаєте, як використовувати їх під час роботи. Щоб це зробити, потрібно перейти в налаштування клавіатури. Для цього потрібно натиснути кнопку «Клавіатура» в бічному меню, потім вибрати «Сполучення клавіш».Після цього потрібно вибрати в бічному меню пункт «Функціональні клавіші» та увімкнути параметр «Використовувати функціональні клавіші F1, F2 та інші як стандартні». Після цього ви зможете використовувати ці кнопки так, як вам потрібно. Зверніть увагу, що після зміни деякі функції клавіш можуть змінитися, так що будьте готові до деякої адаптації.

Якщо бічна панель у програмі Figma зникла або була прихована, її можна легко повернути. Для цього потрібно натиснути клавіші Ctrl + \ на Windows або ⌘ + \ на Mac. Таким чином, використовуючи ці комбінації, ви можете приховувати або показувати бічні панелі в Figma. Крім того, для показу або приховування курсорів інших користувачів на Windows потрібно одночасно натиснути Ctrl+Alt+\, а на Mac — Alt+⌘+\. Ці прості клавіші дозволяють зручно працювати з програмою Figma і швидко перемикатися між необхідними панелями інтерфейсу в процесі редагування дизайну або створення макетів.

Усі права захищені © 2023.

iOS – це операційна система, розроблена компанією Apple для своїх мобільних пристроїв, таких як iPhone, iPad та iPod Touch. Вона є однією з найпопулярніших та найвпливовіших мобільних платформ у світі. iOS відрізняється своєю простотою, інтуїтивно зрозумілим інтерфейсом та багатими можливостями, які забезпечують користувачам широкий спектр функцій та зручність використання. Стильний дизайн, безпека даних та висока продуктивність – це лише деякі з переваг iOS, які роблять його кращим вибором для мільйонів користувачів по всьому світу. Операційна система регулярно оновлюється та вдосконалюється, вносячи нові функції, покращуючи продуктивність та забезпечуючи безпеку, щоб задовольнити усі потреби сучасних мобільних користувачів.

Як у фігмі повернути панель інструментів

Гарячі клавіші Фігма (Figma) для швидкої роботи дизайнера

Keyboard Shortcuts у Фігмі

ВАЖЛИВО! У редакторі Figma, на відміну від Adobe Photoshop, неможливо змінювати сполучення клавіш так, як вам зручно (підлаштувати все індивідуально під себе). Вам доведеться використовувати ті гарячі клавіші та поєднання клавіш, які пропонують творці Фігма.

Для початку вам необхідно відкрити проект у Фігма або створити новий проект New design file. Усі існуючі гарячі клавіші у Фігмі можна знайти у розділі "Keyboard Shortcuts". Цей розділ можна відкрити двома способами:

1. Натиснувши клавіші «Ctrl + Shift + ?»
2. Натиснувши на значок питання в нижньому правому куті екрана

У нижній частині екрана ви побачите чорне вікно з усіма можливими гарячими клавішами та клавішами.
1. Якщо ви вже використовували якусь комбінацію, вона буде підсвічена блакитним.
2. Якщо ви ще ніколи не використовували комбінацію, то вона не буде підсвічена блакитним.

Щоб прибрати чорне вікно з усіма комбінаціями клавіш, просто натисніть на хрестик у правому верхньому кутку цього вікна.

Я давно працюю в редакторі Фігма та зібрала свій топ гарячих клавіш та комбінацій клавіш, які постійно застосовую у своїй роботі. Їх не дуже багато, тому ці хоткеї легко запам'ятати:

1. Сtrl + C - копіювати елемент
2. Сtrl + V - вставити елемент
3. Сtrl + X - вирізати елемент
4. Сtrl + A - виділити всі елементи відразу
5. I - інструмент піпетка, вибирайте колір
6. K - міняти розмір
7. V - стандартний інструмент виділення та переміщення
8. [ - перемістити шар назад, за всіма шарами
9. ] - перемістити шар вперед, перед усіма шарами
10. Ctrl + Shift + 4 — показати/заховати сітки
11. Затиснутий Alt – дублювати елементи / кадри
12. Затиснутий Ctrl + коліщатко миші - наближатися до об'єктів і віддалятися від них
13. Затиснутий пробіл + ліва кнопка миші — переміщення по робочій області
14.Shift+A — створити auto layout
15. Ctrl+\ — прибрати або показати інтерфейс редактора Фігма

Цього набору гарячих клавіш цілком достатньо для вирішення більшості завдань. Рекомендую виписати їх на листочок і використати. Інші гарячі клавіші я детально розберу далі в цій статті.

Всі гарячі клавіші в Фігма з перекладом на російську та описом

Поєднання клавіш «Ctrl+Shift+?» відкриє унизу екрана вікно чорного кольору. Це вкладка Essential (у перекладі з англійської – «суттєве», «важливе»).

У вкладці Essential можна:
1. (Show/Hide UI) Ctrl + \ - приховати або вивести на екран інтерфейс Фігми;
2. (Pick Color) I – вибрати «піпеткою» колір або відтінок з будь-якого об'єкта та застосувати його у своїй роботі;
3. (Quick Actions) Ctrl + / - швидко знайти плагіни, шари чи команди у Фігмі.

Вкладка Tools (або інструменти):

• (Move tool) V - виділення та переміщення об'єктів у рамках проекту;
• (Frame tool) F - створення нового кадру (робочого простору дизайнера у Фігмі);
• (Pen tool) P - малювання пером;
• (Pencil tool) Shift + P - малювання олівцем;
• (Text tool) T - додавання нового тексту;
• (Rectangle tool) R — готовий прямокутник, параметри якого можна встановити на правій панелі;
• (Ellipse tool) O - еліпс або коло (з мінливими параметрами);
• (Line tool) L - лінія;
• (Arrow tool) Shift + L – стрілка;
• (Add comment) C - написання коментаря або нотатки до виділеного об'єкта;
• (Pick color) I - розпізнавання та вибір кольору за допомогою піпетки;
• (Slice tool) S - обрізання елемента "ножем".

Вкладка View (або вид) призначена для того, щоб показувати чи приховувати елементи. А які саме елементи показати/приховати – вирішує поєднання клавіш:

• Shift + R - показати або приховати лінійки;
• Ctrl+Shift+3 на Windows та ⌘+Y на Mac — показати або приховати обведення всіх елементів;
• Ctrl+Alt+Y на Windows та ⌘+P на Mac — показати або приховати піксельний перегляд;
• Ctrl + Shift + 4 на Windows та Ctrl + G на Mac - показати або приховати сітку;
• Ctrl + 'на Windows та ⌘ + 'на Mac - показати або приховати піксельну сітку;
• Ctrl + \ на Windows та ⌘ + \ на Mac - показати або приховати бічні панелі;
• Ctrl + Alt + \ на Windows та Alt + ⌘ + \ на Mac - показати або приховати курсори інших користувачів;
• Alt + 1 - показати або приховати тільки шари;
• Alt + 2 - показати або приховати тільки компоненти;
• Alt + 8 – показати або приховати панель дизайну;
• Alt+9 — показати або приховати панель прототипу.

Вкладка Zoom (або масштабування) відповідає за розташування та переміщення об'єктів на робочому просторі у Фігма:

• Space + drag - переміщення Zoom по робочому простору;
• + (Плюс) - збільшення масштабу (наближення);
• - (мінус) - зменшення масштабу (віддалення);
• Shift + 0 – відображення один до одного (екран 1:1);
• Shift + 1 - масштабування всього робочого простору;
• Shift + 2 - масштабування обраного вами елемента;
• Shift + N - масштабування попереднього кадру;
• N - масштабування наступного кадру;
• Page Up – пошук попередньої сторінки;
• Page Down — пошук наступної сторінки;
• Home – пошук попереднього кадру;
• End – пошук наступного кадру.

Вкладка Text (або робота з текстом):

• Ctrl+B на Windows та ⌘+B на Mac — виділення тексту жирним;
• Ctrl+i та ⌘+i на Mac — виділення тексту курсивом;
• Ctrl + U та ⌘ + U на Mac - підкреслення тексту;
• Ctrl + Shift + V - вставлення та зіставлення елементів;
• Ctrl+Alt+L на Windows та ⌘+Alt+L на Mac — вирівнювання тексту по лівому краю кадру;
• Ctrl+Alt+T на Windows та ⌘+Alt+T на Mac — вирівнювання тексту по центру кадру;
• Ctrl+Alt+R на Windows та ⌘+Alt+R на Mac — вирівнювання тексту з правого краю кадру;
• Ctrl+Alt+J на Windows та ⌘+Alt+J на Mac — вирівнювання тексту за шириною;
• Ctrl+Shift+<і>на Windows та ⌘+Shift+<і>на Mac — зміна розміру тексту;
• Alt + < і > - зміна відстані між символами (літерами);
• Alt + Shift + < і > - зміна відстані між рядками.

Вкладка Shape (робота з фігурами та векторними зображеннями у Фігма):

На допомогу дизайнеру: гарячі клавіші Figma

Figma має всі можливості для того, щоб дизайнери справлялися з роботою максимально швидко і легко. Розповідаємо, які хотке є і як їх використовувати.

Гарячі клавіші (hotkeys) - це комбінації клавіш, натискання на які дозволяє виконувати різні дії в тій чи іншій програмі, не вдаючись до її меню. Це швидко та просто.

У Figma гарячі клавіші називаються Keyboard Shortcuts, а подивитися весь їхній список можна, натиснувши на знак питання в правому нижньому кутку.

Або використовуйте для відкриття списку поєднання гарячих клавіш Ctrl + Shift +?. Так, вони можуть стати у нагоді навіть тут.

Увесь список гарячих клавіш поділено на кілька груп. Розкажемо про кожну по порядку.

Essential keyboard shortcuts

Essential keyboard shortcuts – це Основні клавіатурні скорочення.

Щоб показати або приховати Бічні панелі, натисніть Ctrl + \ на Windows і ⌘ + \ на Mac.

Щоб вибрати інструмент Піпетка, натисніть i на Windows і Ctrl+С на Mac.

Щоб відкрити Меню, натисніть Ctrl + / на Windows і ⌘ + / Mac.

Tools

Tools – це Інструменти.

Щоб вибрати стандартний інструмент виділення, натисніть V.

Щоб вибрати інструмент для створення кадрів, натисніть F.

Щоб вибрати Перо, натисніть P.

Щоб вибрати Олівець, натисніть Shift+ P.

Щоб вибрати Текст, натисніть T.

Щоб вибрати Прямокутник, натисніть R.

Щоб вибрати Еліпс, натисніть O.

Щоб вибрати Лінію, натисніть L.

Щоб вибрати стрілку, натисніть Shift+L.

Щоб додати або показати коментарі, натисніть З.

Щоб вибрати Піпетку, натисніть i на Windows і Ctrl+С на Mac.

Щоб вибрати Ніж, натисніть S.

Щоб показати або приховати Лінійки, натисніть Shift+R.

Щоб показати або приховати Обведення всіх елементів, натисніть Ctrl+Shift+3 на Windows і ⌘ + Y на Mac.

Щоб показати або приховати Піксельний перегляд, натисніть Ctrl+Alt+Y на Windows і Ctrl+P на Mac.

Щоб показати або приховати Сітку, натисніть Ctrl+Shift+4 на Windows і Ctrl+G на Mac.

Щоб показати або сховати піксельну сітку, натисніть Ctrl + ‘ на Windows і ⌘ + ‘ на Mac.

Щоб показати або приховати Бічні панелі, натисніть Ctrl + \ на Windows і ⌘ + \ на Mac.

Щоб показати або приховати Курсори інших користувачів, натисніть Ctrl + Alt + \ на Windows і Alt + ⌘ + \ на Mac.

Щоб показати або приховати Тільки шари, натисніть Alt + 1.

Щоб показати або приховати Тільки компоненти, натисніть Alt+2.

Щоб показати або приховати Панель дизайну, натисніть Alt + 8.

Щоб показати або приховати Панель прототипу, натисніть Alt + 9.

Zoom – це Наближення або Масштабування.

Щоб перемістити Zoom по робочому простору, натисніть Space + drag.

Щоб збільшити масштаб, натисніть +.

Щоб зменшити масштаб, натисніть —.

Щоб увімкнути відображення 1:1 до екрана, натисніть Shift+0.

Щоб масштабувати весь робочий простір, натисніть Shift+1.

Щоб масштабувати виділений елемент, натисніть Shift+2.

Щоб масштабувати попередній кадр, натисніть Shift+N.

Щоб масштабувати наступний кадр, натисніть N.

Щоб знайти попередню сторінку, натисніть Page Up.

Щоб знайти наступну сторінку, натисніть Page Down.

Щоб знайти попередній кадр, натисніть Home.

Щоб знайти наступний кадр, натисніть End.

Щоб виділити текст жирним, натисніть Ctrl + B на Windows і ⌘ + B на Mac.

Щоб виділити текст курсивом, натисніть Ctrl+i і ⌘ + i на Mac.

Щоб підкреслити текст, натисніть Ctrl+U і ⌘ + U на Mac.

Щоб вставити та порівняти елемент, натисніть Ctrl+Shift+V.

Щоб вирівняти текст по лівому краю, натисніть Ctrl+Alt+L на Windows і ⌘ + Alt + L на Mac.

Щоб вирівняти текст по центру, натисніть Ctrl+Alt+T на Windows і ⌘ + Alt + T на Mac.

Щоб вирівняти текст з правого краю, натисніть Ctrl+Alt+R на Windows і ⌘ + Alt + R на Mac.

Щоб вирівняти текст за шириною, натисніть Ctrl+Alt+J на Windows і ⌘ + Alt + J на ​​Mac.

Щоб змінити розмір тексту, натисніть Ctrl + Shift + < та >на Windows і ⌘ + Shift + < та >на Mac.

Щоб змінити відстань між символами, натисніть клавішу Alt + .

Щоб змінити відстань між рядками, натисніть Alt+Shift+.

Shape

Shape – це векторні зображення.

Щоб вибрати Перо, натисніть P.

Щоб вибрати Олівець, натисніть Shift+P.

Щоб вибрати Заливку, натисніть B.

Щоб видалити заливку, натисніть Alt + /.

Щоб видалити обведення, натисніть /.

Щоб поміняти місцями обведення та заливку, натисніть Shift+X.

Щоб перетворити на криві, натисніть Ctrl+Shift+O на Windows і ⌘ + Shift + O на Mac.

Щоб працювати з точками векторних зображень, натисніть Ctrl + E на Windows і ⌘ + E на Mac.

Selection

Selection – це Виділення.

Щоб виділити все, натисніть Ctrl + A на Windows і ⌘ + A на Mac.

Щоб виділити все, крім чогось, натисніть Ctrl+Shift+A на Windows і ⌘ + Shift + A на Mac.

Щоб скасувати виділення, натисніть Esc.

Щоб виділити шари, які знаходяться під іншими шарами, натисніть Ctrl+click Windows і ⌘ + click на Mac.

Щоб виділити шар на бічній панелі, натисніть Ctrl+right click Windows і ⌘ + right click на Mac.

Щоб виділити дочірній елемент, натисніть Enter.

Щоб виділити батьківський елемент, натисніть Shift+Enter.

Щоб виділити наступний елемент, натисніть Tab.

Щоб виділити попередній елемент, натисніть Shift + Tab.

Щоб згрупувати елементи, натисніть Ctrl + G на Windows і ⌘ + G на Mac.

Щоб розгрупувати елементи, натисніть Ctrl+Shift+G на Windows і ⌘ + Shift + G на Mac.

Щоб перетворити кадр, натисніть Ctrl+Alt+G на Windows і ⌘ + Alt + G на Mac.

Щоб показати або приховати елемент, натисніть Ctrl+Shift+H на Windows і ⌘ + Shift + H на Mac.

Щоб заблокувати або розблокувати елемент, натисніть Ctrl+Shift+L на Windows і ⌘ + Shift + L на Mac.

Cursor

Щоб виділити елемент під час кліку, натисніть Alt.

Щоб скопіювати елемент під час руху, натисніть Alt.

Щоб виділити шари, які знаходяться під іншими шарами, натисніть Ctrl + click на Windows і ⌘ + click на Mac.

Щоб показати ієрархію виділеного елемента, натисніть Ctrl + right click на Windows і ⌘ + right click на Mac.

Щоб змінити розмір щодо центру елемента, натисніть Alt.

Щоб змінити розмір пропорційно, натисніть Shift.

Щоб перемістити під час зміни розмірів елемента, натисніть Ctrl на Windows і ⌘ на Mac.

Edit – це Редагування.

Щоб скопіювати, натисніть Ctrl + C на Windows і ⌘ + C на Mac.

Щоб вирізати, натисніть Ctrl + X на Windows і ⌘ + X на Mac.

Щоб вставити, натисніть Ctrl + V на Windows і ⌘ + V на Mac.

Щоб вставити поверх виділеного елемента, натисніть Ctrl+Shift+V на Windows і ⌘ + Shift + V на Mac.

Щоб створити копію, натисніть Ctrl + D на Windows і ⌘ + D на Mac.

Щоб перейменувати, натисніть Ctrl + R на Windows і ⌘ + R на Mac.

Щоб експортувати елемент, натисніть Ctrl+Shift+E на Windows і ⌘ + Shift + E на Mac.

Щоб скопіювати властивості елемента, натисніть Ctrl+Alt+C на Windows і ⌘ + Alt + C на Mac.

Щоб вставити скопійовані властивості, натисніть Ctrl + Alt + V на Windows і ⌘ + Alt + V на Mac.

Transform

Transform – це Трансформування.

Щоб відобразити по горизонталі, натисніть Shift+H.

Щоб відобразити по вертикалі, натисніть Shift+V.

Щоб створити маску, натисніть Ctrl+Alt+M на Windows і ⌘ + Alt + M на Mac.

Щоб увімкнути редагування векторних об'єктів або зображень, натисніть Enter.

Щоб вставити зображення, натисніть Ctrl+Shift+K на Windows і ⌘ + Shift + K на Mac.

Щоб обрізати зображення, натисніть Alt + dbl-click.

Щоб задати прозорість елементу 10%, натисніть 1.

Щоб задати прозорість елементу 50%, натисніть 5.

Щоб задати прозорість елементу 100%, натисніть 0.

Arrange

Arrange – це Вирівнювання.

Щоб перемістити на рівень ближче до переднього плану, натисніть Ctrl + ] на Windows і ⌘ + ] на Mac.

Щоб перемістити на рівень далі від переднього плану, натисніть Ctrl + [ на Windows і ⌘ + [ на Mac.

Щоб перемістити на передній план, натисніть Ctrl+Shift+] на Windows і ⌘ + Shift + ] на Mac.

Щоб перемістити на задній план, натисніть Ctrl + Shift + [ Windows і ⌘ + Shift + [ на Mac.

Щоб вирівняти ліворуч, натисніть Alt+A.

Щоб вирівняти праворуч, натисніть Alt+D.

Щоб вирівняти на верхній стороні, натисніть Alt+W.

Щоб вирівняти нижню сторону, натисніть Alt+S.

Щоб вирівняти відповідно до горизонтальної лінії елементів, натисніть Alt + H.

Щоб вирівняти відповідно до вертикальної лінії елементів, натисніть Alt+V.

Щоб вирівняти розподіл горизонтального простору, натисніть Ctrl+Shift+Alt+H на Windows і ⌘ + Shift + Alt + H на Mac.

Щоб вирівняти з розподілом вертикального простору, натисніть Ctrl+Shift+Alt+V на Windows і ⌘ + Shift + Alt + V на Mac.

Components

Components – це Компоненти.

Щоб показати всі компоненти, натисніть Alt + 2

Щоб створити компонент, натисніть Ctrl+Alt+K на Windows і ⌘ + Alt + K на Mac.

Щоб перетворити компонент на кадр, натисніть Ctrl+Alt+B на Windows і ⌘ + Alt + B на Mac.

Щоб відкрити багатокористувацьку бібліотеку, натисніть Ctrl+Alt+O на Windows і ⌘+ Alt + O на Mac.

Так виглядають гарячі клавіші у Figma. Сподіваємося, ви запам'ятаєте їх і користуватиметеся ними. А поки що запам'ятати їх не виходить, звертайтеся до цієї статті — вона вам допоможе.