Что выбрать верстальщику - Figma или Photoshop?

Немного предыстории. Всем известный, Adobe Photoshop, изначально был задуман для обработки фотографий. Но поскольку на тот момент не было других инструментов для веб, то веб-дизайнеры долгое время, использовали именно его.

Ещё хуже, дело обстояло с инструментами для верстальщиков. Компания Adobe создавала какие-то программы для веб-отрасли, но так, больше, для любителей. У профессиональных веб-дизайнеров и верстальщиков – успехом они не пользовались. Только в 2015 году, вышла первая версия, Adobe XD, но не будем отходить от темы.

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

Figma – это инструмент для коллективной работы, по созданию дизайна интерфейсов.Какие преимущества у Figma?

Всеобщая доступность

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

Бесплатно для индивидуального пользователя

Figma условно-бесплатная программа. Фрилансера, вопрос оплаты не должен беспокоить, до тех пор, пока он не начнет работать в команде, где над проектом работает больше двух человек. Но, согласитесь, что для компании - $12 / месяц, не катастрофа.

Удобная презентация проекта

Показывать макет по ссылке, можно любому количеству людей. Например, заказчик, в описание задания, может просто кинуть ссылку на макет и все желающие, его увидят (в режиме для чтения). В свою очередь, исполнитель, имеет такую же возможность, показать заказчику, как продвигается работа и получить комментарии, прямо внутри проекта.

Кооперация и хранение файлов

Благодаря облачной технологии, исходный файл могут одновременно редактировать, неограниченное количество человек. Кроме того, его больше не надо загружать на Яндекс Диск, Google Drive и.т.п.

Прототипирование

Разрабатывать прототип, а затем дизайн-макет, теперь можно в одном месте.

Автогенерация CSS

Копировать из панели Code, сгенерированные CSS стили, но делать это надо с умом. Автоматическая генерация CSS стилей, по прежнему нуждается в редактировании человеком. В противном случае, верстальщики были бы уже не нужны.

Высокая эффективность

Скорость работы, существенно выше, чем в аналогичных программах, что уж там говорить про Photoshop.

Сетка, аля Bootstrap

Больше не нужно, никаких направляющих. В Figma есть уникальный инструмент для создания любой сетки - Layout Grid, буквально за несколько секунд.

Шрифты

Не требуется дополнительно устанавливать шрифты на комп, как это было с Photoshop. Достаточно того, что они есть в программе.

Экспорт файлов

Экспортировать из Figma, можно в PNG, JPG, SVG, PDF, в один клик мыши, на сегодняшний день, это самые актуальные форматы. Что, совсем нет минусов?

Один есть. Иногда показывает не все отступы.

Выводы

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