За последние несколько лет работа веб-дизайнера упростилась благодаря появлению программного обеспечения, заточенного именно под веб-дизайн. До их появления дизайн-макеты сайтов создавались в основном в Photoshop. Поскольку Photoshop очень сложный инструмент, требующий не только много навыков, но и ресурсов компьютера, на котором он установлен, процесс был весьма трудоемкий.
Однако, теперь создание дизайна сайтов стало проще благодаря появлению в первую очередь двух лидеров рынка ПО для дизайнеров. Это Figma и Adobe XD. О них и поговорим в этой статье.
Особенности программ
Для начала опишу принципиальные отличия этих программ. Figma – это полностью онлайн сервис. Работа в нем осуществляется через веб-интерфейс. Поэтому скорость работы не зависит от мощности компьютера пользователя. Работать в ней можно даже на самых слабеньких ноутбуках. Единственное требование — это наличие интернета.
Чтобы работать в Adobe XD нужно скачать соответствующее приложение на Windows или Mac. Несмотря на то, что все данные проектов все равно хранятся на сервере Adobe, приложение требует ресурсов и на слабых ПК будет тормозить и глючить.
Работа с интерфейсом
При работе с XD будет проще тем, кто привык к Photoshop. В нем сохранились все горячие клавиши аналогично PS. К Figma придется привыкать, так как многое отличается. Например, увеличение и уменьшение масштаба осуществляется нажатием Ctrl и прокруткой колесика мыши. Горизонтальное перемещение – Shift + прокрутка колесиком.
Сохраняемые форматы
Figma позволяет сохранять проекты в формате fig на сервере и экспортировать в pdf. В XD есть возможность сохранять файлы на сервере, а также экспортировать в форматах png, pdf, svg и jpeg. В платной версии можно также сохранять проекты себе на компьютер.
Работа с сервисами
Оба сервиса очень похожи между собой. Однако, есть и различия. В Figma по умолчанию доступны шрифты Google. Поскольку XD устанавливается локально, то шрифты Google необходимо устанавливать дополнительно. У Figma в свою очередь есть отдельная функция, позволяющая установить локальные шрифты в свой аккаунт. В обоих случаях есть большое количество плагинов, которые расширяют функционал сервисов.
Различие версий
Каждая компания предоставляет по 3 тарифа, бесплатный и 2 платных. Для начала разберемся с бесплатными версиями. В Figma входит 3 проекта и неограниченное дисковое пространство. В бесплатный тариф XD входит 1 проект и 1 прототип, ограниченный набор шрифтов Adobe Fonts и 2 ГБ пространства.
С бесплатными версиями разобрались, теперь перейдем к платным тарифам. Следующий тарифный план Figma называется Professional. Его стоимость 15 долларов в месяц или 978 рублей по состоянию на февраль 2020 года. При оплате сразу за год стоимость будет 12 долларов в месяц. Данный тарифный план уже включает неограниченное количество проектов, настраиваемые права доступа и совместно используемые командные библиотеки. Следует отметить, что для студентов этот тариф также бесплатный.
Второй тарифный план Adobe XD (XD) предоставляет неограниченное количество проектов, неограниченное количество шрифтов Adobe Fonts и 100 ГБ дискового пространства. Его стоимость составляет 644 рубля в месяц.
И последний топовый тариф Figma, который называется Organization, включает в себя вся, что есть в тарифе Professional, плюс централизованные команды, частные плагины, администрирование плагинов, SSO и повышенная безопасность, системная аналитика. Его стоимость составляет 45 долларов в месяц при полной оплате за год. Иной формы оплаты не предусмотрено. Что соответствует 2934 рублям.
Последний тариф XD называется XD for Teams и стоит 1481 рубль в месяц. Он включает все, что входит в тариф XD плюс поддержка вебинаров, веб консоль администрирования и расширенная техническая поддержка.
Итог
Какие можно сделать выводы. Оба продукта практически идентичны по своему функционалу. Для начинающих веб-дизайнеров разницы в использовании практически нет. Если пользоваться бесплатными тарифами, то для запросов, которые они покрывают, годятся оба. Следует заметить, что, если Вы студент, то у Figma есть явное преимущество, т.к. можно бесплатно пользоваться планом Professional. Что касается платных тарифов. Тут маркетологи обоих сервисов постарались. Сравнить возможности тарифов довольно сложно, поскольку они разные. Что очевидно, так это то, что Figma дороже. А какие опции подойдут именно Вам, каждый решает исходя из собственных потребностей и предпочтений.
Фото: