Пошаговое руководство, как создать визитку в Figma: 2
- Создать новый файл. 3 Можно сразу назвать его «Визитка», чтобы потом не запутаться в проектах. 3 Стандартное имя новых файлов в Figma — Untitled (то есть «Без названия»). 2 Поменять его можно, кликнув на слово Untitled в верхнем чёрном меню. 2
- Задать прямоугольную форму визитки. 2 Для этого нужно использовать инструмент Shape tools (Формы). 2 В левом верхнем углу найти иконку, которая выглядит как квадрат. 2 В выпадающем меню будет несколько форм, выбрать Rectangle (Прямоугольник). 2 Ещё можно использовать горячие клавиши, они подписаны в меню напротив каждого элемента. 2 У прямоугольника горячая клавиша «R» (потому что это первая буква в слове Rectangle). 2 После выбора инструмента зажать левую кнопку мыши, потянуть курсор и создать произвольный прямоугольник. 2 Слева сразу появится вкладка со слоями, а справа — параметры элемента. 2
- Скорректировать размер визитки. 2 Стандартный размер визитки — 90 х 50 см или 1063 х 590 пикселей. 2 Размер объекта в Figma можно изменить, если потянуть за угол или за одну из сторон фигуры. 2 Также параметры можно изменить в панели инструментов справа и вручную ввести высоту и ширину визитки — 1063 х 590 пикселей. 2
- Выбрать цвет фона. 2 Цвет фигуры меняется в правой панели настроек — во вкладке Fill (Заполнение). 2
- Добавить текст. 2 Имя, должность и другую текстовую информацию добавить с помощью инструмента Text (Текст) в верхней панели инструментов. 2 Внутри прямоугольника создать фрейм для текста. 2 В нём появится курсор, и можно будет набирать слова на клавиатуре или просто вставлять данные с помощью Ctrl + V. 2 В меню справа появятся настройки блока Text, в которых можно выбрать шрифт, начертание (обычное, жирное или курсив) и кегль, то есть размер букв. 2
- Добавить логотип. 2 Картинки в Figma добавляются несколькими способами: перетащить изображение из папки на компьютере в рабочую область, скопировать изображение из папки и вставить с помощью Ctrl + V, скопировать картинку прямо из браузера и вставить с помощью Ctrl + V. 2 Менять размер изображения можно так же, как размер фигур, — растягивать его курсором или задавать параметры в настройках справа. 2
- Добавить иконки. 2 Если захочется добавить иконки контактов, можно найти подходящие векторные изображения с открытой лицензией, например на ресурсе Freepik. 2 Важно, чтобы они были из одного набора, потому что разные иконки будут создавать визуальный шум визитки и перетягивать на себя внимание. 2
- Экспортировать. 2 Готовую визитку сохранить через настройки справа. 2 В разделе Export нужно выбрать формат: PNG, JPG, SVG, PDF. 2 Потом нажать на кнопку Export, и визитка сохранится на компьютере в выбранном формате. 2
Для печати рекомендуется выбирать формат PDF, так как он сохраняет все слои и настройки макета. 4 При экспорте убедиться, что выбран правильный размер и разрешение. 4