Figma — Урок №1 (Интерфейс)
Основные элементы управления
Для тех, кто работал в фотошопе, эта информация не будет новой.
Все основные элементы управления расположены в левом верхнем углу экрана. Как в браузере, так и в приложении.
Я думаю функция этих элементов понятна любому, кто обладает английским на уровне третьего класса. Тут останавливаться не будем, едем дальше.
Вся работа в фигме начинается с фрейма. Его можно либо подобрать самому, либо, при нажатии на него, выбрать подходящий в выезжающем
меню справа.
Тут собраны самые частые разрешения, использующиеся в графическом дизайне. Нажимаете на нужный и он сразу добавляется на поле.
Slice Tool позволяет выделить квадрат внутри фрейма, чтобы отделить его от остального фрейма.
Создаете нужную фигуру и настраиваете её в правом меню.
Высота, ширина, цвет заливки, эффекты, обводка - всё это делается здесь.
Ручка - рисует магнитной линией, если кликать и поворачивает линию, если удерживать ЛКМ.
Карандаш - рисует произвольно.
5. Text, Hand Tool, Add Comment.
Hand Tool - перемещение по полю левой кнопкой мыши (когда выбраны другие инструменты - перемещение на СКМ)
Add Comment - добавить в любом месте поля комментарий себе или членам команды.
Вся информация представлена коротко и без воды, но, чтобы лучше понимать механику работы с интерфейсом, советую посмотреть это видео: