Как сделать вектор в фигме горячие клавиши

Видео:Как добавить SVG (вектор) в фигма | Фишки FigmaСкачать

Горячие клавиши по Tools – Инструменты

• Если нужно использовать инструмент Выделение – V
• Добавить/показать комментарии – С.
• Если нужно использовать инструмент Карандаш – Shift + P
• Если нужно использовать инструмент Линия – L
• Если нужно использовать инструмент Нож – S.
• Если нужно использовать инструмент Перо – P
• Если нужно использовать инструмент Пипетка – i на Windows и Ctrl + С на Mac.
• Если нужно использовать инструмент Прямоугольник – R
• Если нужно использовать инструмент Создания фреймов — F
• Если нужно использовать инструмент Стрелка – Shift + L
• Если нужно использовать инструмент Текст – T
• Если нужно использовать инструмент Эллипс – O

Видео:Топ 10 горячих клавиш в фигме. Уроки Figma.Скачать

Горячие клавиши View — Вид

• Если нужно показать/скрыть Боковые панели – Ctrl + на Windows и ⌘ + на Mac.
• Если нужно показать/скрыть курсоры других пользователей – Ctrl + Alt + на Windows и Alt + ⌘ + на Mac.
• Если нужно показать/скрыть обводку всех элементов – Ctrl + Shift + 3 на Windows и ⌘ + Y на Mac.
• Если нужно показать/скрыть Панель дизайна – Alt + 8.
• Если нужно показать/скрыть Панель прототипа – Alt + 9.
• Если нужно показать/скрыть Пиксельную сетку – Ctrl + ‘ на Windows и ⌘ + ‘ на Mac.
• Если нужно показать/скрыть Пиксельный просмотр – Ctrl + Alt + Y на Windows и Ctrl + P на Mac.
• Если нужно показать/скрыть сетку – Ctrl + Shift + 4 на Windows и Ctrl + G на Mac.
• Если нужно показать/скрыть только компоненты – Alt + 2.
• Если нужно показать/скрыть только слои – Alt + 1.

Видео:#2 Урок по Фигме, горячие клавишиСкачать

Горячие клавиши – Выделение

• Если нужно быстро выделить всё – Ctrl + A на Windows и ⌘ + A на Mac.
• Если нужно быстро выделить всё, кроме чего-либо – Ctrl + Shift + A на Windows и ⌘ + Shift + A на Mac.
• Если нужно быстро выделить слои, которые находятся под другими слоями – Ctrl + click Windows и ⌘ + click на Mac.
• Если нужно быстро выделить слой на боковой панели – Ctrl + right click Windows и ⌘ + right click на Mac.
• Если нужно быстро выделить дочерний элемент – Enter.
• Если нужно быстро выделить родительский элемент – Shift + Enter.
• Если нужно быстро выделить следующий по порядку элемент – Tab.
• Если нужно быстро выделить предыдущий по порядку элемент – Shift + Tab.
• Если нужно быстро заблокировать или разблокировать элемент – Ctrl + Shift + L на Windows и ⌘ + Shift + L на Mac.
• Если нужно быстро отменить выделение – Esc.
• Если нужно быстро показать или скрыть элемент – Ctrl + Shift + H на Windows и ⌘ + Shift + H на Mac.
• Если нужно быстро преобразовать в фрейм – Ctrl + Alt + G на Windows и ⌘ + Alt + G на Mac.
• Если нужно быстро разгруппировать элементы – Ctrl + Shift + G на Windows и ⌘ + Shift + G на Mac.
• Если нужно быстро сгруппировать элементы – Ctrl + G на Windows и ⌘ + G на Mac.

Видео:6 урок по Figma — Инструмент Перо и работа с вектором [Figma уроки]Скачать

Горячие клавиши Zoom (приблизить, масштабировать)

Видео:Уроки Figma | Симметричный векторСкачать

Горячие клавиши 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 + .

Видео:Три фишки FIGMAСкачать

Горячие клавиши Shape — Векторные изображения

• Если вам нужно использовать в работе Перо – P.
• Если вам нужно использовать в работе Карандаш – Shift + P.
• Если вам нужно использовать в работе Заливку – B.
• Если вам нужно поменять местами обводку и заливку – Shift + X.
• Если вам нужно преобразовать в кривые – Ctrl + Shift + O на Windows и ⌘ + Shift + O на Mac.
• Если вам нужно работать с точками векторных изображений – Ctrl + E на Windows и ⌘ + E на Mac.
• Если вам нужно удалить заливку – Alt + /.
• Если вам нужно удалить обводку – /.

Видео:Плагин Figma для перевода PNG в векторСкачать

Горячие клавиши Cursor — Курсор

• Если вам нужно выделить элемент при клике – Alt.
• Если вам нужно изменить размер относительно центра элемента – Alt.
• Если вам нужно изменить размер пропорционально – Shift.
• Если вам нужно копировать элемент при движении – Alt.
• Если вам нужно переместить во время изменения размеров элемента – Ctrl на Windows и ⌘ на Mac.
• Если вам нужно показать иерархию выделенного элемента – Ctrl + right click на Windows и ⌘ + right click на Mac.

Видео:ГОРЯЧИЕ КЛАВИШИ FIGMA. Работа с текстом | Уроки фигма на русскомСкачать

Горячие клавиши Arrange —Выравнивание

• Если вам нужно переместить элементы на уровень ближе к переднему плану – Ctrl + ] на Windows и ⌘ + ] на Mac.
• Если вам нужно переместить элементы на уровень дальше от переднего плана – Ctrl + [ на Windows и ⌘ + [ на Mac.
• Если вам нужно переместить элементы на передний план – Ctrl + Shift + ] на Windows и ⌘ + Shift + ] на Mac.
• Если вам нужно переместить элементы на задний план – Ctrl + Shift + [ на Windows и ⌘ + Shift + [ на Mac.
• Если вам нужно выровнять элементы по верхней стороне – Alt + W.
• Если вам нужно выровнять элементы по левой стороне – Alt + A.
• Если вам нужно выровнять элементы по нижней стороне – Alt + S.
• Если вам нужно выровнять элементы по правой стороне – Alt + D.
• Если вам нужно выровнять элементы с распределением горизонтального пространства – Ctrl + Shift + Alt + H на Windows и ⌘ + Shift + Alt + H на Mac.
• Если вам нужно выровнять элементы согласно вертикальной линии элементов – Alt + V.
• Если вам нужно выровнять элементы согласно горизонтальной линии элементов – Alt + H.
• Если вам нужно выровнять элементы с распределением вертикального пространства – Ctrl + Shift + Alt + V на Windows и ⌘ + Shift + Alt + V на Mac.

Видео:#14 Как перевести растровую картинку в векторную в Figma плагином Image tracer.Скачать

Горячие клавиши Edit —Редактирование

• Использовать команду вставить – Ctrl + V на Windows и ⌘ + V на Mac.
• Использовать команду вставить поверх выделенного элемента – Ctrl + Shift + V на Windows и ⌘ + Shift + V на Mac.
• Использовать команду вставить скопированные свойства – Ctrl + Alt + V на Windows и ⌘ + Alt + V на Mac.
• Использовать команду вырезать – Ctrl + X на Windows и ⌘ + X на Mac.
• Использовать команду копировать – Ctrl + C на Windows и ⌘ + C на Mac.
• Использовать команду копировать свойства элемента – Ctrl + Alt + C на Windows и ⌘ + Alt + C на Mac.
• Использовать команду переименовать – Ctrl + R на Windows и ⌘ + R на Mac.
• Использовать команду создать копию – Ctrl + D на Windows и ⌘ + D на Mac.
• Использовать команду экспортировать элемент – Ctrl + Shift + E на Windows и ⌘ + Shift + E на Mac.

Видео:Горячие клавиши в Figma | Как выучить хоткеи фигмы?Скачать

Горячие клавиши Transform —Трансформирование

• Использовать команду включить редактирование векторных объектов или изображений – Enter.
• Использовать команду вставить изображение – Ctrl + Shift + K на Windows и ⌘ + Shift + K на Mac.
• Использовать команду обрезать изображение – Alt + dbl-click.
• Использовать команду отразить по вертикали – Shift + V.
• Использовать команду отразить по горизонтали – Shift + H.
• Использовать команду создать маску – Ctrl + Alt + M на Windows и ⌘ + Alt + M на Mac.
• Использовать команду задать прозрачность элементу:
• 10% – 1
• 50% – 5
• 100% – 0

Видео:СЕТКИ В FIGMA. Как сделать, включить, отключить, настроить. Горячие клавиши. Стили | Уроки фигмаСкачать

Горячие клавиши Components —Компоненты

• Если вам нужно открыть многопользовательскую библиотеку – Ctrl + Alt + O на Windows и ⌘+ Alt + O на Mac.
• Если вам нужно показать все компоненты – Alt + 2
• Если вам нужно преобразовать компонент во фрейм – Ctrl + Alt + B на Windows и ⌘ + Alt + B на Mac.
• Если вам нужно создать компонент – Ctrl + Alt + K на Windows и ⌘ + Alt + K на Mac.

Знание горячих клавиш повысит эффективность работы в Figma, одновременно делая выполнение задач более быстрым и удобным.

Видео:РАСТР В ВЕКТОР В FIGMA. Как перевести с плагином «Image Tracer» | Уроки фигма на русскомСкачать

Горячие клавиши в Figma (Mac)

Видео:Фигма для новичков - из PNG в SVG или почему не стоит использовать плагин Image TracerСкачать

Основные

Залить выбранный слой (или группу слоев) подобранным цветом из любой точки проекта Control + C

Искать по всем командам Command + /

Видео:ТОП 9 шорткатов в Фигме, которые использую для быстрой работы (Figma Hotkeys)Скачать

Инструменты

Карандаш Shift + P

Видео:МАСШТАБ В FIGMA. Как увеличивать и уменьшать по умному. Горячие клавиши | Уроки фигма на русскомСкачать

Обзор

Контуры Command + Y

Сетка макета Control + G

Пиксельная сетка Command + ‘

Показать или скрыть курсоры в мультиплеере Option + Command +

Переключить навигатор на слои Option + 1

Переключить навигатор на компоненты Option + 2

Переключить навигатор на командную библиотеку Option + 3

Видео:РАСТР В ВЕКТОР FIGMA | jpeg to svgСкачать

Увеличение и уменьшение

Фактический размер (100%) Control + 0

Вписать все фреймы в рабочую область Shift + 1

Вписать выбранный фрейм в рабочую область Shift + 2

Вписать в рабочую область следующий фрейм N

Вписать в рабочую область предыдущий фрейм Shift + N

Видео:⌨ Меняем шорткаты в Figma. Autohotkey. [Фигма уроки]Скачать

Работа с текстом

Жирный текст Command + B

Курсив Command + I

Выравнивание по левому краю Option + Command + L

Выравнивание по правому краю Option + Command + R

Выравнивание по центру краю Option + Command + T

Выравнивание по ширине Option + Command + J

Изменить размер шрифта на пункт Shift + Command +

Изменить межбуквенное расстояние Option + , или Option + .

Изменить межстрочное расстояние Shift + Option +

Видео:4 СПОСОБА ОБЪЕДИНЯТЬ В FIGMA. Соединяем элементы, слои, фреймы, фигуры, векторы, объекты в фигме.Скачать

Векторы

Карандаш Shift + P

Горячие клавиши при редактировании вектора:

Изгиб вектора Command

Убрать заливку Option + /

Убрать обводку /

Поменять цвета заливки и обводки местами Shift + X

Сделать обводку вектором Shift + Command + O

Соединить векторы Command + E

Видео:Урок 6/11: Горячие клавиши figma [Мини курс по Фигме для начинающих] | Web JumpСкачать

Выбор

Выбрать всё Command + A

Выбрать зеркально Shift + Command + A

Убрать выбор (не выбирать ничего) Esc

Выбрать внутри Command + клик мышью

Выделить вложенные Enter

Выделить родителя Shift + Enter

Выбрать следующий слой в рамках общего родителя (группы или фрейма) Tab

Выбрать предыдущий слой в рамках общего родителя (группы или фрейма) Shift + Tab

Сделать группой Command + G

Убрать группирование Shift + Command + G

Сделать фреймом Option + Command + G

Заблокировать или разблокировать выбранный элемент Shift + Command + L

Видео:ГОРЯЧИЕ КЛАВИШИ FIGMA. Как быстро выделять и группировать элементы? | Уроки фигма на русскомСкачать

Курсор

Во время добавления точки вектора:

Регулировать настройки угла Option

Во время перетаскивания:

Дублировать элемент Option

Выбрать вложенный элемент Command + клик

Изменить

Копировать Command + C

Вставить Command + V

Вырезать Command + X

Вставить на месте выделенного Shift + Command + V

Дублировать Command + D

Переименовать выбранный элемент Command + R

Экспорт Shift + Command + E

Копировать параметры Option + Command + C

Применить параметры к выбранному элементу Option + Command + V

Трансформация

Использовать как маску Shift + Command + M

Редактировать выбранный вектор или изображение Enter

Вставить изображение Shift + Command + K

Обрезать изображение (кроп) Option + двойной клик

Изменить прозрачность 0-9 (0 также равно 100%)

Figma — хитрости работы с редактором

В Figma много неочевидных моментов, которые не всегда можно найти в документации или нащупать методом тыка. Рассказываем о хитростях редактора.

Посмотреть полный список горячих клавиш

Все доступные комбинации горячих клавиш можно найти в разделе Помощь и ресурсы. Вот здесь:

Показать/скрыть интерфейс

Такие элементы редактора, как верхняя панель управления, а также две боковые панели — слоев и настроек — занимают на экране много места и не дают в должной мере сосредоточиться на макете. Чтобы убрать все панели и оставить только рабочее пространство, достаточно нажать сочетание клавиш на клавиатуре —
Ctrl + .

Автор статей по дизайну. В веб-дизайн пришел в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил верстку. Время от времени публикует переводы на Хабре.

Выбор цвета

Одна из самых полезных опций.

Чтобы быстро взять нужный цвет из другого места экрана, нажмите клавишу I на клавиатуре.

За пределами рабочей области цвет взять не получится.

Поиск по всем командам Figma

Если вы знаете, что хотите найти в Figma, но не уверены, где именно это находится, нажмите сочетание клавиш Ctrl + /. Откроется основное меню с активной строкой поиска.

Замена значения сдвига объекта

В Figma по умолчанию значение сдвига объекта 8px, чтобы его поменять, перейдите в главное меню, затем выберите Preferences — Nudge Amount.

В появившемся окне введите нужное значение, например, 10.

Замена группы на фрейм

Если у вас есть несколько элементов, объединенных в группу, и вам понадобился фрейм таких же размеров и форм, выделите группу и на правой панели в выпадающем списке выберите Frame. Вот так: