FIGMA — Полезные заметки для работы

Figma: команды и быстрые клавиши (HotKeys)

https://slashdesigner.notion.site/3997e6ca7e1f42928f8ab677009a580d?v=144cbcd30ab54297b2ba5e330d6f6cee

Figma: Термины и понятия 

Fill (Фил) — заливка шейпа

Rectangle (Ректенгл) — прямоугольник

Shape (Шейп) —  форма, фигура. какой-либо элемент в работе (круг, звезда, фото, прямоугольник и тд)

Frame (Фрейм/артборд/холст) — рабочая область проекта. грубо говоря — страница твоего сайта. законченная система в которой находятся все элементы страницы. Один из основных и важнейших элементов всей программы.
ВАЖНО!!! Фрейм может быть как страницей сайта, так и какой-то частью более крупного фрейма. например, футер сайта будет обернут во фрейм, карточка товара обернута во фрейм и тд.

Input (Инпут) — поле ввода какой-то информации(поиск, имя, пароль и тд)

Самые популярные и часто используемые горячие клавиши

ctrl+колесико мышиприближение-отдаление раб. области
Пробел + перетаскивание мышкой“рука” перемещение по раб области
vМув-тул. Самый главный инструмент. “стрелочка”, которой мы работаем.
Fфрейм
ctrl+gобернуть выделенные объекты в группу
ctrl+alt+gобернуть выделенные  объекты во фрейм
Rпрямоугольник (важно)
Oовал
Tтекст (важно)
ctrl+shift+4включить/выключить  колонки(сетку)
выделенный объект + altпосмотреть расстояния от объекта
выделенный объект+alt+перетаскиваниекопирование объекта
СПросмотр комментариев
ctrl+кликВыбрать объект на который наведен курсор(если он не заблокирован в слоях)

Применяется для выделения объектов, которые находятся глубоко в слоях/группах/фреймах и тд, 

ctrl+shift+gразгруппировать группу или фрейм

Зум. приближение-отдаление, перемещение

ctrl+колесико мышиприближение-отдаление раб. области
приближение-отдаление раб. области
shift +1показать всю раб область
shift +2показать выделенный фрейм
Nперейти на следующий фрейм
Пробел +перетаскивание мышкой“рука” перемещение по раб области

Инструменты

vМув-тул. Самый главный инструмент. “стрелочка”, которой мы работаем.
Fфрейм
pперо
p+shiftкарандаш
Lлиния
Rпрямоугольник (важно)
Oовал
Tтекст (важно)
Iпипетка
KСкейл тул. Изменение размеров элементов с сохранением пропорций. мув тул изменяет размеры без сохранения пропорций.
L+shiftстрелка

Вспомогательные команды

shift+rвключить/выключить линейки в раб области
ctrl+shift+4включить/выключить  колонки
ctrl+скопировать
ctrl+vвставить
ctrl+dсделать дубль (дубль появляется мгновенно поверх копируемого элемента)
ctrl+alt+cкопировать свойства элемента (цвет, тени, обводку, для  шрифта — размер, начертание и прочие возможные свойства элементов)
ctrl+alt+vвставить свойства элемента
ctrl+rпереименовать слой
ctrl+кликВыбрать конкретный элемент в раб области
shift+hотразить объект по горизонтали
shift+vотразить объект по вертикали
ctrl+[опустить слой на одно деление вниз
ctrl+]поднять слой на одно деление вверх
ctrl+shift+[опустить слой на самый низ его группы/фрейма
ctrl+shift+]поднять слой на самый низ его группы/фрейма
alt+lСвернуть все слои

Работа с изображениями в Figma

https://medium.com/@FigmaTips/%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0-%D1%81-%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F%D0%BC%D0%B8-%D0%B2-figma-63a9ba197f84

Файл с наборами иконок для Figma

Набор иконок 1.1
https://www.figma.com/file/OiYLjtjU1NNoVDDnJOanFW41/icons_white_background

Eva Icon
https://www.figma.com/file/ZCwzrNgAKSfUAX7jADLvTWzI/Eva-Icons

Social Icons
https://www.figma.com/file/GpR317IbGnSSuCOIkv5loF/Social-icons

Feather Icons
https://www.figma.com/file/AaMf5wFHNmI2CJSnPWUoK7/feather-icons-Copy

Material Icons Filled
https://www.figma.com/file/fzTaJ8r3qDzyD9SWlERBhV/Material-Icons-Filled-Copy

Material Icons Sharp
https://www.figma.com/file/g7VcwIKox58y7tqLG952f9/Material-Icons-Sharp-Copy

Brandand Social Icons
https://www.figma.com/file/MrSbJ17rQYrHuT4xUQk7NL/Brand-and-Social-Icons

Material design icons
https://www.figma.com/file/Qqmp4AukMRHGxnignWRfJb/material-design-icons-Copy

Font Awesome
https://www.figma.com/file/UxuYjn7Dc6RTiBeidr4aRwlr/Font-Awesome-5.1-Figma-Icon-Library

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

http://figmaweb.ru/tekst-v-figma-rabota-s-tekstom-v-figma/

Где взять фотографии для вашего дизайна?