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

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

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

Первая кнопка на панели – это основное меню. Через меню можно сохранить файл, создать новый, добавить объект, изменить настройки.

Вторая кнопка на панели – это выбор варианта курсора.

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

«Scale» — используется для масштабирования объекта. Горячая клавиша «K»

Горячая клавиша — это возможность переключиться на инструмент с помощью клавиши на клавиатуре, так будет быстрее.

Третья кнопка на панели – это выбор секции.

«Frame» – это рабочая зона. Все необходимые элементы помещаются внутрь фрейма. Все, что вышло за рамки, не отобразится при выгрузке итоговой картинки. Определить размер фрейма можно вручную: выбираем инструмент и рисуем область. Или выберите нужный фрейм на панели справа.

«Section» – это группировка фреймов. Используется, когда на странице много фреймов и нужно показать их принадлежность друг к другу.

«Slice» – используется для экспорта произвольной прямоугольной области, например, нужно выгрузить половину фрейма.

Четвертая кнопка – выбор объекта. У самых часто используемых тоже есть горячие клавиши, они указаны напротив элементов.

Пятая кнопка – выбор пера.

«Pen» – инструмент для создания векторных иллюстраций любой формы. Еще можно использовать для вырезания объекта с картинки или фотографии. Расскажу об этом в следующих уроках ;)

«Pencil» – рисование «от руки». Если умеете рисовать мышкой или по тачпаду, то вам понравится. Я не использую.

Шестая кнопка – добавление текста. Выбираем инструмент на панели или с помощью горячей клавиши «T», ставим курсор в любое место (или в нужное место) и начинаем писать.

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

Восьмая кнопка – рука. В этом режиме не получится редактировать и двигать элементы, инструмент используется для перемещения по файлу.

Девятая кнопка – комментарий, горячая клавиша «С». В этом режиме нажмите на любое место рабочей области, появится окошко для ввода комментария. Комментарий могут оставить все, у кого есть доступ к файлу. Все комментарии будут видны на панели справа, если выбран данный режим.

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