Один из основных инструментов веб-дизайнера — графический редактор. В нем создаются логотипы, рекламные баннеры, прототипы приложений и сайтов. Самые популярные редакторы — Adobe XD, Sketch или Figma. Отдельного внимания заслуживает Figma. На 2022 год это лучшее решение для веб-дизайна и презентации проектов клиентам среди других программ. И вот почему.
В чем ценность Figma для клиентов
В графическом редакторе дизайнер создает прототипы сайтов и приложений. На выходе клиент получает макет проекта, который передается верстальщику для разработки сайта. Весь процесс работы следует контролирует менеджер проекта (PM), чтобы получить тот результат, о котором указано в брифе и договоре.
Figma — универсальный графический редактор как для дизайнера, так и для клиента. На актуальность программы указывает 8 причин:
- Все данные сохраняются в облаке. Необходимости дополнительно сохранять файлы на компьютер или съемный носитель нет. Дизайнер открывает Figma и выбирает проект из облачной среды. Для клиента нет рисков, что работа затянется или проект затеряется среди других папок.
- Графический редактор работает в многопользовательском режиме. Браузерная версия схожа в работе с Google Docs: команда может работать над одним файлом вместе, не отправляя его версии через почту или носители. При этом, версия проекта для всей команды одна и все видят часть работы других коллег. Чтобы открыть доступ к документу в Figma, достаточно просто сделать команду — для этого на главной странице в Figma есть функция Create Team.
- Figma дает позволяет отследить результаты команды и постоянно видеть, кто чем занят. Для этого дизайнер делится ссылкой на проект с клиентом. А в окне редактора доступна функция комментирования макетов. Figma удобна и тем, что ничего клиенту скачивать, чтобы посмотреть макет, не нужно. Получили ссылку и перешли в браузерную версию.
- В онлайн-редакторе можно создавать интерактивные прототипы для демонстрации клиентам. Теперь не нужно думать, как будет работать кнопка или форма обратной связи. Прототип проекта в любом браузере или телефоне выглядит как настоящее приложение.
- Figma подходит для проектов на аутсорсе. Команда дизайнеров может на собираться в одном офисе, чтобы обсудить проект клиента, добавить правки или передать работу конкретному сотруднику. Работать можно удаленно, а общаться через Slack, интегрированный в Figma. Изменения в макете, обоснованные или нет, немедленно проверяются. Канал обратной связи работает в режиме реального времени
- Figma объединяет несколько инструментов. В графическом редакторе создаются интерактивные дизайны, статические прототипы и анимации. Есть и отдельные инструменты для разработки Customer Journey Map и работы с векторной графикой. О Photoshop, Illustrator и других приложениях можно и не вспоминать.
- Figma собирает дизайн всего проекта на одном экране. Лучше всего преимущество демонстрируется на разработке дизайна мобильных приложений и многостраничных сайтов. Когда проект состоит из более чем 30 экранов, сложно переключаться с одного на другой как для дизайнера, так и клиенту. В Figma открыта возможность собрать все экраны в одном месте и эффективно управлять ими.
- Графический редактор можно установить на компьютер или работать через браузер. Для просмотра работ на iOS или Android есть отдельное приложение. Тот же Sketch, другой популярный редактор для дизайнеров, работает только на Mac.
Простой алгоритм демонстрации работ — одно из главных преимуществ, что предлагает Figma. Это не единственное преимущество, которое отличает программу от других популярных графических редакторов — Sketch и Adobe XD.
Figma vs Sketch
Главное, чем отличаются графические редакторы — платформа. Figma работает в веб-версии и на всех устройствах, а Sketch только на MacOS. При том, что Sketch ограничена в платформе, так еще и стоит от 9$ в месяц. В то время Figma — бесплатное приложение.
Figma хорошо работает со шрифтами. В приложении их более 800 от Google Fonts. А чтобы сделать собственный, достаточно установить плагин. Все шрифты от Figma автоматически подгружаются в проект для команды разработчиков и клиента.
В Photoshop и Sketch при редактировании файлов шрифты «слетают», если на компьютере не установлены необходимые дополнения.
Коллективная работа — еще одно отличие программ. Да, функция пригодится не для каждого проекта. Но, пригласить других для редактирования или просмотра проекта не помешает.
Файлы из Sketch импортируются в Figma. На случай, если функционал графического редактора вас не удовлетворил или клиенту невозможно отсмотреть проект без Mac под рукой.
Вывод: Sketch ограничен в выборе операционной системы и устройства, с которого можно просмотреть проект. Для этого нужно устанавливать дополнительные плагины как дизайнеру, так и клиенту. Проверить работу сложнее, как и вносить комментарии.
Figma vs Adobe XD
Как и в Sketch, за Adobe XD придется заплатить. Стоимость графического редактора — 9.99$ в месяц. Опять же, Figma — абсолютно бесплатна, за исключением расширенных версий. Но, базовой программы достаточно для работы веб-дизайнера с клиентами.
Adobe XD имеет ограниченное хранилище в веб. План XD Single App позволяет использовать один общий файл и 100 ГБ файлового хранилища. Для Figma ограничений в количестве файлов и их общем объеме нет.
Программы отличаются и способом передачи и комментирования проектов. В Figma дизайнер работает и обменивается файлами в одной среде. Обмен не составляет труда, а участники совместной работы имеют нужный контекст для обратной связи. Для Adobe XD разработка проходит в одном месте, а совместный доступ — в другом. Комментарии находятся в отдельном месте, а изменения от разных соредакторов нужно объединять вручную.
Вывод: Figma выигрывает перед Adobe XD в стоимости, обработке и сохранении файлов, совместном доступе и возможности командной работы. Продукт от Adobe не подходит для оперативной удаленной работы с клиентами, имеет ограниченные возможности и платную ежемесячную подписку.
Резюме
Лучшую таблицу, которая показывает различия между графическими редакторами, мы любезно позаимствовали у Coursera:
Figma — это платформа, не ограничивающая в выборе версии компьютера и его OS, мобильного устройства для просмотра и комментирования проектов. Работа просматривается в режиме реального времени и автоматически сохраняется в облаке. Figma избавляет от длительного переноса работ команды в единый проект, сохранения всех экранов и отправки дизайна на проверку.
Разработчики Tresor.tech используют для дизайнов и прототипов только Figma, потому что лучших аналогов графическому редактору в функционале на 2022 год нет. Если вам нужна помощь в разработке дизайна, прототипа сайта, мобильного приложения — оставьте заявку на сайте.