Учимся работать в Figma: основной интерфейс ч.1

Привет! Меня зовут Женя, и я не умею рисовать. Да.
И я научу вас "не уметь" так же!

Погнали!

1. Для начала работы вам необходимо зарегистрироваться в Figma, а потом скачать её или воспользоваться версией прямо в браузере (функционал не отличается)

Здесь фигма спрашивает ваше имя, вашу специализацию и для чего вы собираетесь использовать сервис

2. После регистрации и подтверждения мы попадаем на начальную страницу:

Здесь необходимо нажать "New design file"

3. Вот и наш рабочий интерфейс. Давайте знакомиться:

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

Одни из главных инструментов - фигуры. В дальнейших уроках мы будем использовать их очень часто. Что нарисовано, то в итоге и получается. Сверху-вниз: прямоугольник "Rectangle", линия "Line", стрела "Arrow", эллипс "Ellipse", треугольник "Polygon", звезда "Star" и ненужная для нас "Place image..." ("разместить изображение").

4. Чтобы наши будущие шедевры было легко сохранять нужно создать "Frame", для этого нажмём на значок решётки слева вверху или же просто "F" на клавиатуре:

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

Не будем выбирать какой-либо шаблон и просто создадим квадрат 100х100 px (размер по умолчанию).

5. Теперь можем добавить в нашу рабочую область фигуру и текст, например:

Обратите внимание на надписи на скриншоте

6. Чтобы сохранить наше "художество" нужно выделить фрейм, нажав один раз на его название" и пролистать боковое меню вниз. Там нас интересует кнопка "Export"

После нажатия на кнопку вам предложат выбрать формат, в котором необходимо сохранить картинку и её размер

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

Подскажите, был ли вам понятен материал в этом уроке? Где возникли трудности? Напишите мне в комментарии и я с радостью отвечу на ваши вопросы!