Сейчас во многих вакансиях есть требование уметь пользоваться Figma хотя бы на базовом уровне. Но непонятно, зачем это нужно редакторам, маркетологам и копирайтерам: мы же не дизайнеры. В статье объясняем, что такое Figma и чем она полезна именно нам.
Что такое Figma и зачем она нужна
Figma — это графический редактор, в котором можно создавать прототипы сайтов, презентации, посты для соцсетей, схемы.
Его создали в 2016 году как аналог Sketch и Adobe XD: оба приложения платные, и в них нельзя работать в команде. А онлайн-редактор Figma быстро приобрел популярность благодаря бесплатному тарифу, простому интерфейсу, высокой скорости и другим преимуществам.

Кто и зачем использует
Чаще всего программу используют веб-дизайнеры: они делают там обложки для статей, карточки для соцсетей и макеты сайтов.
Во многих компаниях есть штатные дизайнеры, и другим сотрудникам не нужно оформлять визуал самостоятельно. Но иногда возникает необходимость набросать макет поста для соцсетей или другого дизайна хотя бы приблизительно: так проще объяснить специалисту, чего вы хотите.
А иногда и вовсе можно справиться самому. Например, банк заказал у вас пост в Телеграм, в котором нужно рассказать о видах эквайринга. Вы видите, что лучше всего разместить информацию на карточках, а не в теле поста: так нагляднее. Если вы владеете Figma, сможете самостоятельно сделать карточки, и не придется обращаться к дизайнеру.
Что могут делать в Figma авторы, редакторы и маркетологи:
- Иллюстрации, скриншоты и обложки
- Карточки для социальных сетей
- Схемы, инфографики и таблицы
- Презентации
- Лендинги
- Мемы
- Баннеры и другие рекламные элементы
Если вы умеете всё это делать самостоятельно, у вас будет больше предложений о работе. Вы сможете откликаться на те вакансии, в которых указывают, что нужно владеть графическими программами и оформлять материалы, а не просто писать тексты.
Плюсы и минусы Figma
Недостатки:
Для совместной работы нужен стабильный интернет. Браузерную версию нельзя использовать, если нет Сети, поэтому поработать в совместном режиме не получится. Но десктопное приложение подходит для работы офлайн: макеты можно будет импортировать в браузерную версию, когда появится интернет.
Только на английском и китайском. У программы нет интерфейса на русском языке. Если вообще не знаете иностранных языков, может быть сложно разобраться.
Платно для больших команд. Если вам нужно больше трех файлов для совместного использования, придется пользоваться платной версией: тариф Professional стоит 15 долларов в месяц. Вы сможете создавать неограниченное количество файлов для работы в команде, а история версий будет храниться вечно. Но это всё равно дешевле, чем покупать лицензию на Adobe XD: стоимость на год начинается от 400 долларов.
Преимущества:
Есть бесплатный тариф. Вы сможете создавать неограниченное количество файлов и использовать все инструменты приложения, а история изменений будет храниться месяц. Но работать в команде получится только над тремя проектами.
Можно работать командой. Файлы, с которыми вы работаете, хранятся в облачном хранилище. Их могут редактировать и оставлять комментарии разные пользователи, а история версий и изменения сохраняются автоматически. Редактор или заказчик может по ссылке посмотреть макет и оставить комментарии там, а не писать всё в сообщениях. По сути Figma — это как Google Документы, только для дизайн-проектов, а не текстов, поэтому программа подходит для работы в совместном режиме.
Файлы не занимают место на компьютере. В Figma не нужно скачивать макеты, с которыми вы работаете: они не занимают память на диске.
Доступ к файлам можно получить с любого устройства. Figma — это кросс-платформенный редактор, поэтому им пользуются с разных гаджетов: с компьютера, планшета или даже смартфона. Для компьютера есть возможность скачать десктопное приложение или просто использовать веб-версию.
Простой интерфейс. Программа не перегружена лишними функциями и интуитивно понятная: вы сможете создать макет, даже если никогда не занимались дизайном.

Хотите стать копирайтером?
Забирайте бесплатно наш самый полный гайд для начинающих копирайтеров
Инструменты программы
В начале работы с Figma вы создаете квадрат или прямоугольник и красите его в нужный цвет: он послужит фоном для вашего дизайна. Далее туда помещаются необходимые элементы: заголовок, текст и иллюстрация.
Фреймы. Это рабочая область для макета. Внутри фреймов размещают разные элементы, и, если изменить их размеры, пропорции сохранятся. Так, когда вы делаете карточки для соцсетей и решите увеличить макет, они останутся квадратными. А еще так можно создавать сразу несколько объектов в одном файле и не переключаться между вкладками — например, если вам нужно сделать три баннера.

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

В Figma есть библиотека готовых компонентов: там можно найти кнопки, карточки и другие элементы пользовательского интерфейса.

Сетки. Благодаря сеткам не нужно пытаться определить на глаз, ровно ли вы расположили надписи. Это направляющие линии, одна из них — базовая пиксельная сетка: она делит фрейм на маленькие квадраты и помогает расположить мелкие элементы. Также можно разделить макет горизонтально, чтобы выравнивать текст по строкам, или вертикально: это полезно при создании прототипов лендингов.
Ручка и карандаш. Ручка (Pen) помогает создавать векторные линии: прямые и изогнутые. Этот инструмент пригодится, если нужно сделать сложную фигуру — например, кнопку с закругленными краями для прототипа сайта. А карандаш (Pencil) образует произвольные кривые линии — прямо как в Paint. Его используют, когда нужно нарисовать что-то неровно, например имитацию рисунка ребенка.
Простые фигуры. В программе можно автоматически создать квадрат, линию, круг, треугольник, стрелки. Скажем, добавить стрелки, чтобы показать шаги пользователя в инструкции к приложению.
Плагины. В Figma есть много дополнительных модулей, которые будут упрощать работу. Вот некоторые из них:
- Spellchecker проверяет правописание и исправляет ошибки в текстах на английском языке.
- Figmotion создает интерактивные анимации.
- Remove BG удаляет фон с изображений.
- Unsplash дает доступ к библиотеке бесплатных иллюстраций.
Как установить
В браузере. Зайдите на сайт figma.com, нажмите Get started for free, зарегистрируйтесь и войдите в личный кабинет. Далее появляется рабочее пространство — и вы можете начать работу.

На компьютер, смартфон или планшет. Зайдите на сайт figma.com, нажмите на Products и перейдите в раздел Downloads. Там можно скачать программу на Windows или macOS и мобильное приложение на Android или iOS.

Выводы
- Если вы владеете Figma, сможете откликаться на вакансии, в которых требуется владение графическими программами, а таких немало. Вы будете делать иллюстрации самостоятельно, а не скачивать картинки с фотостоков или обращаться к дизайнеру.
- В Figma удобно работать в команде. Еще ее необязательно скачивать, а все файлы хранятся в облаке. А для офлайн-работы можно скачать десктопную версию.
- В Figma есть много крутых возможностей, которые позволяют делать обложки и карточки для постов в соцсети, схемы, инфографики, прототипы лендингов и многое другое.
Хотите еще больше советов по работе с контентом — подпишитесь на журнал
Много полезных писем и чуток анонсов наших курсов, чтобы не пропустить интересное
