Что такое Figma и для чего она нужна дизайнерам

графический дизайнер и автор блога
Дмитрия Сугак
Всем привет! На связи графический дизайнер Дмитрия Сугак. Сегодня я расскажу вам о популярной для графического, веб и UX/UI-дизайна программе — Figma. Мы рассмотрим, что же из себя представляет этот сервис и поговорим о его функциях, особенностях, вариантах работы.

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

Figma — это онлайн-редактор, который предназначен для графической работы. С его помощью можно создавать векторную графику, презентации и даже прототипы сайтов и приложений. Программа пользуется спросом среди маркетологов, разработчиков и, конечно, дизайнеров.

Одно из преимуществ сервиса — возможность оставлять комментарии к макету в режиме онлайн. Делать это можно не только в браузере, но и через установленную версию на ПК. Работать с Figma достаточно просто. Специальная подготовка для этого не требуется.

почему фигма так популярна среди дизайнеров?

Причин пользоваться сервисом достаточно много. Я расскажу об основных преимуществах дизайна в Фигме:

1. Многопользовательский режим. Это один из самых главных аргументов в пользу программы. Сегодня нет ни одного графического редактора, который может похвастаться тем же. Суть многопользовательского режима состоит в том, что над проектом может одновременно работать целая команда дизайнеров. Это избавляет от необходимости создавать дополнительные чаты в мессенджерах. Настроить приватность тоже просто: можно предоставить доступ не ко всему проекту, а к отдельному объекту. Кроме того, вы имеете возможность ознакомить заказчика с итоговой работой, даже если у него нет аккаунта в Figma.

2. Файлы в облаке. Хранить информацию на диске уже давно неактуально. Figma идеально подходит для верстки, поскольку результаты работы сохраняются в облаке автоматически. Чтобы скачать файлы, нужно выбрать в меню раздел «Файл» и нажать «сохранить как fig».

3. Кросс-платформенность. Вы можете получить доступ к проекту с любого устройства. Главное — иметь выход в интернет. Это избавляет от рутины в виде экспорта компонентов в Фигме. Чтобы открыть ссылку с доступом, не обязательно даже наличие аккаунта. Однако учтите, что вносить изменения в проект можно только с ПК.

4. История версий — еще одна причина использовать именно этот сервис. Когда над проектом работает несколько специалистов, найти виновника недочетов бывает непросто. В Фигма это делается с помощью истории изменений. Версии можно сохранять вручную. Также можно указывать внесенные изменения. Это позволит эффективно отслеживать процесс. Фигма в бесплатной версии позволяет запоминать корректировки за 30 ближайших дней.

5. Стоимость. Бесплатная версия программы вполне подойдет для личного пользования. Многим фрилансерам её хватает. Бесплатный аккаунт позволяет: работать с тремя проектами одновременно и предоставить редакторские права двум пользователям. Professional — это платный тариф Фигма. Он не имеет ограничений, о которых я говорила выше, плюс — можно делиться библиотеками с пользователями. Обойдется он в 15 $ в месяц. Organization — третий тариф, который подойдет крупным командам. Он стоит 45 $ в месяц, оплата требуется сразу за год.

скачать или использовать фигма онлайн?

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

Еще один нюанс — скачать Фигма можно только на английском. Так же, как и в онлайн версии, Figma на русском не существует. Если вы не знаете язык, разобраться самостоятельно будет проблематично. Помочь сможет мой курс, который посвящен инфографике в Figma. На нем вы освоите весь функционал программы и сразу же научитесь создавать яркий, продающий дизайн. Подробности здесь: https://ddesign.moscow/infographics.

основные функции figma

У программы огромное количество возможностей. Тот интерфейс, который вы увидите при открытии страницы — лишь небольшая часть рабочего пространства. Рассмотрим основные возможности:
  • Метки и сетка в Фигме. Чтобы создать макет, вам понадобится раздел «Design», который находится на панели справа. Далее нужно перейти в «Layout grig». Здесь нужно определиться с цветом и размером. Работать можно сразу с несколькими макетами, просто используйте горячие клавиши фигма Gtrl+G.
  • Просмотр прототипов. Благодаря этой функции пользователь может проверить, как будет смотреться созданный продукт на различных носителях. Чтобы посмотреть интерфейс, нужно выбрать «Prototyp». В разделе «Device» выберите устройство с необходимым расширением. Сервис позволяет изменить горизонтальное расположение на вертикальное и наоборот. Для просмотра нажмите «Share» (кнопка находится на панели справа).
  • Работа с изображениями. Картинку можно взять из любого источника: с рабочего стола ПК, телефона или интернета. Единственное, о чем нужно помнить, — соблюдение авторских прав. Но на этом возможности работы с изображениями в Фигма не заканчиваются. Здесь можно накладывать эффекты, использовать анимацию в Фигме или менять часть параметров. Все функции доступны в бесплатной версии и расположены в правой части панели.
  • Работа с компонентами Фигма. Любой элемент, с которым вы работаете, можно использовать в нескольких проектах. Для этого в Фигма существует библиотека. Чтобы поместить в нее объект, просто выделите его и нажмите Ctrl+K+Alt. После этого значок в слоях изменится. Правки в компонентах автоматически добавляются во все копии. Просмотреть их можно в разделе «Assets» (левая панель).
  • Работа со стилями и цветами. Очевидный плюс программы — применение стилей к нескольким объектам. Кроме этого, вы можете создать эксклюзивный цвет. Для этого создайте элемент, выделите его и нажмите кнопку квадратной формы.

полезные плагины для фигмы: подборка от дизайнера

Раньше существенным минусом Figma была нехватка инструментов, которые помогли бы автоматизировать некоторые процессы. Сегодня ситуация поменялась: в программе более 300 плагинов. Я расскажу вам о своих любимых:
  • Autoflow. Этот инструмент помогает наглядно показать схемы и соединения между элементами и страницами. Делается это буквально в пару кликов.
  • Avatars. Инструмент поможет поместить аватар в необходимую область: круг, квадрат, звезду и другие элементы.
  • Blend. С его помощью разрабатывают логотипы.
  • Blobs. Кривые Безье (выглядят, как капли) — один из дизайнерских ноу-хау.
  • Bullets. Плагин нужен для создания уникальных маркированных списков, которые можно сохранять и применять в других макетах.
  • Chart — идеальный помощник в разработке графиков. Этот плагин позволяет экспериментировать с формами и сократить время на работу с данными.
  • Color Kit. Раньше для того, чтобы сгенерировать несколько оттенков одного цвета, дизайнерам приходилось прибегать к нескольким программам. Сейчас же получить десятки оттенков можно с помощью одного инструмента.
Надеюсь, вы поняли, что такое Фигма и какие в неё преимущества. Ознакомиться детальнее можно только открыв Фигма онлайн и практикуясь в режиме реального времени. Желаю удачи и крутых проектов в Figma!
ПОНРАВИЛАСЬ СТАТЬЯ?
БОЛЬШЕ ИНТЕРЕСНЫХ СТАТЕЙ
ОБУЧАЕМ ДИЗАЙНУ С НУЛЯ ДО ПРОФИ

КСТАТИ! МЫ ЗАПУСТИЛИ КУРС ДЛЯ ЗАРАБОТКА НА ФРИЛАНСЕ

Инфографика для маркетплейсов
Лучший онлайн курс по дизайну карточек товаров для Вайлдберриз и Озон.
Вы научитесь делать карточки с инфографикой для Wildberries и Ozon и освоите редактор Figma.
После оплаты вы сразу получаете доступ к урокам. На курсе много обратной связи от автора обучения.
ПОДРОБНОЕ ВИДЕО О КУРСЕ
ЖМИТЕ, ЧТОБЫ УЗНАТЬ ПОДРОБНОСТИ