Фигма (Figma): что это за программа и как маркетологу в ней работать

РАЗДЕЛ 01Что такое фигма и для чего она нужна

Фигма это программа для дизайна, которая работает в браузере. Устанавливать её не обязательно: открываете figma.com, входите в аккаунт и работаете прямо на сайте. Есть и приложение для компьютера (figma desktop) для Windows и macOS, но это та же веб-версия в отдельном окне.

Главная особенность: файл лежит в облаке, и над ним одновременно работают несколько человек. Дизайнер рисует, маркетолог в это время оставляет комментарии, разработчик смотрит размеры и цвета. Никто никому не пересылает файлы почтой.

Что можно делать в фигме

• макеты сайтов и лендингов;
• рекламные баннеры и креативы для соцсетей;
• интерфейсы приложений и кликабельные прототипы;
• презентации и схемы (для этого есть отдельные режимы Slides и FigJam);
• дизайн-системы: кнопки, цвета, шрифты компании в одном месте.

Фигма это векторная или растровая графика

Figma это векторный редактор: фигуры, текст и иконки хранятся как формулы, их можно растягивать без потери качества. Фотографии внутрь вставляются как растровые картинки. На выходе баннер вы выгружаете в PNG или JPG, то есть в растр, а логотип или иконку можно отдать в SVG.

Зачем фигма маркетологу

Пока все правки идут через дизайнера, каждое «поменяйте цену в баннере» стоит дня ожидания. Если маркетолог умеет сам поменять текст в готовом шаблоне и выгрузить пять размеров, тест креативов ускоряется в разы. Рисовать с нуля не нужно: дизайнер делает шаблон, маркетолог работает внутри него.

РАЗДЕЛ 02Фигма бесплатная или платная: тарифы на октябрь 2026

Тарифы я смотрел на странице figma.com/pricing 11.10.2026. Цены в долларах за одно место (seat) в месяц.

Что значат места

Full seat даёт полный доступ к редактору дизайна. Dev seat нужен разработчикам для режима Dev Mode. Collab seat даёт доступ к FigJam и Slides, а в файлах дизайна только просмотр и комментарии. По странице тарифов на платных планах смотреть и комментировать файлы можно и без платного места.

Сколько это для маркетолога

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

Можно ли пользоваться фигмой бесплатно

Да, на тарифе Starter. По странице тарифов в нём черновики без ограничений, шаблоны и ИИ-кредиты (150 в день, до 500 в месяц). Для маркетолога, который сам делает баннеры, этого хватает. Ограничения начинаются, когда нужна совместная работа большой командой.

РАЗДЕЛ 03Работает ли Figma в России: вход, регистрация, доступ

Это вопрос, с которого сейчас начинается любой разговор про фигму.

Что произошло в 2022 году

По опубликованной политике Figma для клиентов из России (с марта 2022 года) компания ограничивает аккаунты, попавшие под санкции США, Великобритании и ЕС, и не продаёт платные тарифы новым клиентам из России. Бесплатные аккаунты при этом продолжали работать.

Что происходит с мая 2026

30 мая 2026 года на официальном форуме Figma появилась ветка с жалобами: у многих пользователей из России сайт не загружается без VPN или прокси. Сотрудник Figma 31 мая ответил, что не может обсуждать детали доступа на форуме, и отправил в поддержку. Официального объяснения на мою дату проверки (11.10.2026) я не нашёл. Практически это значит: работать в Figma из России можно, но доступ нестабилен, и строить на ней процесс без запасного варианта рискованно.

Регистрация в фигме

Регистрация на figma.com: почта или вход через Google, подтверждение письма, выбор тарифа Starter. Чтобы создать аккаунт, достаточно почты. Если вы входите на figma sign in и видите ошибку соединения, проблема обычно в доступе к сайту, а не в аккаунте.

Фигма на русском

Официально интерфейс Figma на русском не переведён. По справке Figma веб-версия, приложение для компьютера и мобильное приложение поддерживают английский, испанский, японский, бразильский португальский и корейский. Справка предлагает обходной путь: встроенный перевод Google Chrome в браузерной версии. В приложении для компьютера он не работает, а машинный перевод местами путает термины. Я советую привыкнуть к английским названиям: их немного, и все уроки в сети используют именно их.

РАЗДЕЛ 04Интерфейс фигмы: файлы, страницы, фреймы, слои

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

Файл и проект

Файл это отдельный документ с дизайном, у него свой адрес в браузере. Проект это папка с файлами внутри команды. Чтобы создать новый файл, в списке файлов нажмите «+» или «New design file». Новый проект создаётся там же в разделе команды.

Страница (лист)

Внутри файла есть страницы, они в левой панели вверху. Дизайнеры раскладывают по ним разные части: «Лендинг», «Баннеры», «Архив». Лист в фигме создаётся кнопкой «+» рядом со словом Pages.

Холст и фрейм

Холст это бесконечное поле, на котором всё лежит. Фрейм это рамка с размерами внутри холста, по-старому монтажная область или артборд. Баннер 1080 на 1080 это фрейм 1080 на 1080. Рисуется инструментом Frame (клавиша F), справа можно выбрать готовый размер.

Слои и группы

Всё, что лежит во фрейме, это слои: текст, фото, кнопка, подложка. Список слоёв виден слева. Если баннер «не кликается», чаще всего вы попадаете не в тот слой: найдите нужный текст в списке слева. Группа объединяет несколько слоёв, создаётся сочетанием Ctrl+G (Cmd+G на Mac).

Компоненты и constraints

Компонент это элемент-шаблон: например, кнопка. Меняете главный компонент, меняются все копии. Constraints отвечают за то, как элемент ведёт себя при изменении размера фрейма: прилипает к краю, тянется или остаётся в центре. Для маркетолога это важно, когда вы растягиваете баннер под другой формат и хотите, чтобы логотип остался в углу.

Горячие клавиши, которые реально нужны

На Mac вместо Ctrl нажимайте Cmd.

РАЗДЕЛ 05Как сделать баннер для рекламы в Figma пошагово

Покажу на примере баннера для соцсетей. Тот же порядок работает для РСЯ, Telegram Ads и ВК.

Шаг 1. Узнайте размеры площадки

Размеры берите из справки площадки на дату запуска, они меняются. Для старта хватает трёх пропорций: квадрат 1:1, горизонталь 16:9 и вертикаль 9:16. Какие форматы нужны под разные виды рекламы, я разбирал в статье про форматы интернет-рекламы.

Шаг 2. Создайте фрейм

Клавиша F, справа выберите размер или впишите ширину и высоту руками. Назовите фрейм понятно: «ВК_1080x1080_цена». Через месяц вы будете искать его по названию.

Шаг 3. Фото и обтравочная маска

Перетащите фото во фрейм. Чтобы фото было в форме круга или скруглённого прямоугольника, нарисуйте фигуру, положите её под фото в списке слоёв, выделите обе и выберите Use as mask (Ctrl+Alt+M). Это и есть обтравочная маска в фигме: фото видно только внутри фигуры.

Шаг 4. Текст и оффер

Заголовок крупно, цена или выгода вторым уровнем, кнопка-призыв третьим. На баннере не больше 5-7 слов основного текста: человек смотрит на него секунду. Режим наложения (Blend mode) в правой панели нужен, чтобы затемнить фото под текстом, если текст плохо читается.

Шаг 5. Варианты для теста

Выделите готовый фрейм, Ctrl+D, поменяйте заголовок. Три-четыре варианта с разными заголовками дают тест: какой оффер цепляет. Цвет, фото и заголовок лучше не менять одновременно, иначе непонятно, что сработало.

Шаг 6. Экспорт

Выделите фреймы, справа внизу раздел Export, выберите PNG или JPG и масштаб. 1x даёт ровно размер фрейма, 2x вдвое больше для чётких экранов. Нажмите Export, файлы сохранятся на компьютер.

РАЗДЕЛ 06Макет лендинга: как смотреть и обсуждать с дизайнером

Здесь маркетолог полезнее всего. Дизайнер знает, как сделать красиво, а вы знаете, что должен понять человек из рекламы за первые секунды.

Как смотреть макет

Откройте ссылку на файл, нажмите кнопку Present (треугольник вверху) или откройте прототип, если его сделали. Смотрите макет в мобильной версии первым: большая часть рекламного трафика идёт с телефона.

Как оставлять комментарии

Клавиша C или значок комментария вверху, клик по месту в макете, текст. Комментарий привязан к точке, дизайнер видит, о каком блоке речь. Пишите по одному замечанию на комментарий, так их удобнее закрывать.

Что я проверяю в макете под рекламу

• первый экран отвечает на запрос из объявления;
• цена или условие видны без прокрутки;
• форма короткая, кнопка контрастная;
• есть место под отзывы, кейсы, гарантии;
• мобильная версия нарисована, а не «сожмём потом».

Подробнее о том, как собрать саму посадочную, у меня в статье про посадочную для Яндекс Директа, а что писать в задании дизайнеру, разобрано в материале про ТЗ на разработку сайта.

Spotlight: показать макет на созвоне

Если обсуждаете макет вдвоём, нажмите на свой аватар вверху и выберите Spotlight me. Все, кто в файле, начнут видеть то же, что и вы, и вам не придётся говорить «пролистай ниже, ещё ниже».

РАЗДЕЛ 07Как дать доступ к редактированию и поделиться файлом

Самый частый вопрос от клиентов: «дизайнер прислал ссылку, а я ничего не могу поменять».

Как поделиться файлом в фигме

В открытом файле нажмите Share справа вверху. Впишите почту человека и выберите права: can view (смотреть и комментировать) или can edit (редактировать). Ссылку можно скопировать кнопкой Copy link, но права по ссылке задаются отдельно в том же окне.

Как открыть доступ к проекту для редактирования

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

Если доступ дали, а правки не сохраняются

Проверьте, в каком аккаунте вы вошли. Частая история: приглашение пришло на рабочую почту, а в браузере открыт личный аккаунт. Второй вариант: у вас права view, и вы правите копию в черновиках, которую никто не видит.

РАЗДЕЛ 08Фигма на телефоне и планшете

У Figma есть мобильное приложение для iOS и Android. По справке Figma оно берёт язык из настроек телефона, если этот язык поддерживается.

Что удобно делать с телефона

Смотреть макеты, листать прототипы, оставлять и читать комментарии. Для маркетолога это удобно, чтобы проверить мобильную версию лендинга на настоящем экране, а не в окне браузера.

Что неудобно

Рисовать и править баннеры с телефона неудобно: мелкие слои, нет клавиатуры. На планшете лучше, но для работы с макетом всё равно нужен компьютер.

РАЗДЕЛ 09Чем заменить Figma: аналоги

Из-за нестабильного доступа из России аналоги перестали быть теорией. Сравниваю по задаче маркетолога, а не по числу функций.

Что выбрать маркетологу

Если дизайнер продолжает работать в Figma, вам проще остаться там же через стабильное подключение. Если команда переезжает, Penpot ближе всего по логике: фреймы, слои, компоненты, совместная работа в браузере. Для лендинга под рекламу можно вообще обойтись без макета и собрать страницу сразу в конструкторе.

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

РАЗДЕЛ 10FAQ

Отвечает Никита Морозов

Что такое фигма?

Это онлайн-редактор для дизайна сайтов, приложений и графики. Файлы хранятся в облаке, над одним макетом одновременно работают дизайнер, маркетолог и разработчик.

Работает ли Figma в России?

На 11.10.2026 бесплатные аккаунты работают, но с конца мая 2026 у многих пользователей сайт открывается только через VPN, официального объяснения Figma не дала. Платные тарифы новым клиентам из России Figma не продаёт с 2022 года.

Фигма бесплатная?

Есть бесплатный тариф Starter: черновики без ограничений, шаблоны и ИИ-кредиты. Платные тарифы стоят от 16 $ в месяц за полное место на Professional по странице тарифов на 11.10.2026.

Есть ли фигма на русском?

Официально нет. Интерфейс доступен на английском, испанском, японском, португальском и корейском. В браузере Chrome можно включить машинный перевод, но привыкнуть к английским названиям надёжнее.

Как сделать баннер в Figma?

Создайте фрейм нужного размера клавишей F, перетащите фото, добавьте заголовок и цену, сделайте копии для теста и выгрузите через Export в PNG или JPG.

Как дать доступ к редактированию в фигме?

Нажмите Share в файле, впишите почту и выберите can edit. Для доступа ко всем файлам папки приглашайте человека в проект.

Чем заменить Figma?

Ближе всего по логике Penpot: работает в браузере, бесплатный, можно поставить на свой сервер. Для работы без интернета есть Lunacy, для Mac есть Sketch.

РАЗДЕЛ 11С чего начать

1. Зарегистрируйтесь на figma.com и откройте любой бесплатный шаблон баннера.
2. Пройдите шесть шагов из раздела про баннер на одном формате 1080 на 1080.
3. Попросите дизайнера сделать вам шаблоны баннеров, где вы меняете только текст и фото.
4. Договоритесь с командой о названиях фреймов и правилах комментариев.
5. Продумайте запасной вариант на случай, если доступ к Figma пропадёт.

Пришлите продукт и канал трафика, и я предложу структуру лендинга под рекламу.

Никита Морозов

Яндекс Директ, SEO, маркетинг под ключ

Веду кабинеты клиентов сам, без передачи «младшему специалисту». Тексты на сайте написаны по тому, что вижу в отчётах, а не по чужим гайдам.

9лет в нише

200+проектов

4,919 оценок на Картах

Telegram-канал Отзывы на Яндекс Картах Кейсы