Что такое Figma: возможности и принципы работы

Figma — графический редактор для совместного проектирования сайтов, приложений и других дизайнерских продуктов. Она появилась в 2016 году как аналог Sketch и Adobe XD, но спустя пару лет стала одним из самых популярных инструментов у дизайнеров.

Рассказываем, в чём особенности Figma и почему вам стоит начать изучать её прямо сейчас.

Облачное хранение файлов

Все файлы Figma хранятся не у вас на компьютере, а в облаке. Поэтому вам не придётся переживать за их сохранность и каждый раз искать черновики макета с названием «финал52» в «Новой папке 28». Все изменения в Figma сохраняются автоматически.

Облачное хранение позволяет использовать Figma как копилку для красивых картинок. Но имейте в виду, что чем больше изображений в файле, тем дольше придётся ждать их окончательной загрузки.

Фреймы

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

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

Компоненты

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

Например, вы закончили разработку 50 макетов, заказчик попросил вас поменять пункт меню в шапке и прислать все макеты на утверждение. В Photoshop на эту задачу придётся потратить целый день, а в Figma, благодаря компонентам, — всего пару секунд.

Многопользовательский режим редактирования

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

Чтобы открыть доступ к документу в Figma, достаточно просто сделать команду — для этого зайдите на главную страницу в Figma и нажмите Create Team.

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

Условная бесплатность

Figma можно пользоваться бесплатно, но с ограничениями для командной работы:

• Ваши личные файлы можете редактировать только вы. При этом личных файлов может быть сколько угодно.
• Для командной работы доступны только три файла и один проект.
• История версий хранится 30 дней.

Если вам станет тесно на бесплатном тарифе, переходите на Professional стоимостью 12 долларов в месяц, в нём нет ограничений для командной работы.

Это далеко не все возможности программы. Дизайнеру важны скорость работы над проектом и коммуникация в процессе. Эти и многие другие задачи позволяет решить онлайн-сервис Figma.