Что выбрать для веб-дизайна: Figma или Photoshop

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

Любой веб-дизайнер на практике использует несколько инструментов: Adobe XD, Sketch, Illustrator, WebFlow и другие. Но в профессиональном сообществе часто возникают споры относительно применения Photoshop и Figma. Одни считают, что Photoshop — это базовый инструмент, без которого web-дизайнеру не обойтись. Другие утверждают, что для полноценной работы достаточно Figma. Давайте рассмотрим преимущества и недостатки каждой из программ ↓

Преимущества Photoshop

• Идеально подходит для работы с растровыми изображениями. Photoshop изначально создавался для ретуши фотографий, поэтому упрощает реставрацию и цветокоррекцию снимков. Если в работе используется много фотоматериалов, без него не обойтись.
• Позволяет создавать сложные креативные макеты на основе готовых изображений. Можно легко обрабатывать фото, менять фон и цвет, создавать коллажи. Даже освоив базовый функционал, можно быстро превратить простую картинку в настоящий шедевр.
• Знаком большинству заказчиков. Для неспециалистов Photoshop ассоциируется с надежным и проверенным инструментом, а формат PSD является классикой.

Недостатки Photoshop

• Сложен в изучении, требует длительного времени для освоения. Зато если освоить его, легче будет разобраться и в других программах.
• Не очень удобен для работы с векторной графикой. Проще создавать векторные изображения в Illustrator, CorelDRAW и импортировать результат в Photoshop для доработки.
• Платный. Существует бесплатный пробный период, а далее придется платить в долларах за лицензию, что может быть не очень удобно.
• Десктопная версия достаточно тяжелая. Вам понадобится мощный компьютер для работы в этом редакторе, иначе вы часто будете подвисать в работе, если она окажется сложная и большая.

Преимущества Figma

• Позволяет выполнять командную работу над макетом. Дизайнеры видят курсоры друг друга, как в Google Документах, и могут общаться непосредственно в приложении. Применима для коллективных разработок.
• Можно работать без установки программы, через браузер. Удобно, если компьютер недостаточно мощный или вообще нет возможности работать на своем ПК. Правда, в этом случае Figma часто тормозит.
• Быстрая десктопная версия, подходит для Linux. Подходит для маломощных компьютеров с такими операционными системами, как  macOS, Linux, Windows.
• Существует удобная функция «Компоненты» для работы с повторяющимися элементами макета. Изменение одного компонента автоматически применяется ко всем его копиям.
• Идеально подходит для работы с векторными изображениями. Обеспечивает идеальное качество при масштабировании.
• Имеет векторную сетку для удобного перемещения объектов без нарушения геометрии. В других программах с этим возникают сложности.
• Имеет опциональный аналог Photoshop. Вы можете установить плагин Photopea — интуитивно понятный фоторедактор, если вы ранее пользовались фотошопом.
• Удобна для разработчиков. Для программистов существует специальный режим Dev Mode. Однако он платный. Но также можно найти плагины-аналоги.
• Проста в использовании. Всего за 6 занятий в Elbrus Bootcamp можно научиться всем необходимым основам Figma. 

Недостатки Figma

• Без интернета и установки программы невозможно работать. Любые проблемы с соединением приводят к потере данных.
• Ограниченность формата. Вы не сможете удобно открыть файл  с расширением .fig в других программах, без дополнительных манипуляций.
• Профессиональная версия — платная. Во-первых вы не можете купить себе Figma навсегда, а должны будете оплачивать ее ежемесячно. Во-вторых стоимость подключения составляет от 15$ в месяц.

Важно отметить, что простой бесплатной версии достаточно для полноценной работы на первое время.

Актуальность

Какую программу использовать — зависит от задач и предпочтений дизайнера, а также навыков программиста, который будет верстать макет клиента. На данный момент современные разработчики предпочитают использовать Figma, однако более матерые программисты легко ориентируются и в Photoshop. С появлением аналога фоторедактора в виде плагина Photopea, выбор для большинства веб-дизайнеров стал очевиден. Однако, если нужна более сложная и замудренная графика — отдельные растровые элементы, то все-таки стоит использовать фотошоп.