Figma
May 15, 2022

Figma — Урок №1 (Интерфейс)

Основные элементы управления

Для тех, кто работал в фотошопе, эта информация не будет новой.

Все основные элементы управления расположены в левом верхнем углу экрана. Как в браузере, так и в приложении.

1. Move Tool и Scale Tool

Я думаю функция этих элементов понятна любому, кто обладает английским на уровне третьего класса. Тут останавливаться не будем, едем дальше.

2. Frame Tool и Slice Tool

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

Тут собраны самые частые разрешения, использующиеся в графическом дизайне. Нажимаете на нужный и он сразу добавляется на поле.

Slice Tool позволяет выделить квадрат внутри фрейма, чтобы отделить его от остального фрейма.

3. Фигуры (Shape)

Тут всё просто.

Создаете нужную фигуру и настраиваете её в правом меню.

Высота, ширина, цвет заливки, эффекты, обводка - всё это делается здесь.

4. Pen и Pencil.

Ручка - рисует магнитной линией, если кликать и поворачивает линию, если удерживать ЛКМ.

Карандаш - рисует произвольно.

Тут тоже ничего нового.

5. Text, Hand Tool, Add Comment.

Text - добавить текст.

Hand Tool - перемещение по полю левой кнопкой мыши (когда выбраны другие инструменты - перемещение на СКМ)

Add Comment - добавить в любом месте поля комментарий себе или членам команды.


Вся информация представлена коротко и без воды, но, чтобы лучше понимать механику работы с интерфейсом, советую посмотреть это видео:

👉 Следующий урок

👈 Предыдущий урок

Murzz Agency