Еще лет десять назад без Photoshop себя не мыслил ни один графический специалист. Тогда этот редактор был чуть ли не синонимом слова «дизайн» и казалось, что в нем можно делать практически все. А сейчас новым стандартом в веб-дизайне стала Figma
Что особенного в Figma
Кнопки и боковое меню, иконки, ползунки и поля ввода — все это можно «построить» при помощи обычных прямоугольников и других геометрических фигур. А затем добавить эффекты: например, создать анимацию для баннера или сделать кнопки кликабельными. В Photoshop для этого нет специальных инструментов.
Что еще можно сделать в Figma
- Адаптировать прототипы сайта на десктопе под размеры любых планшетов и смартфонов и не переживать, что какие-то кнопки или надписи вдруг «поедут».
- Собрать интерфейс из общедоступной библиотеки, готовых стилей и элементов: например, таблиц, иконок, шрифтов.
- Установить плагины, которые ускорят вашу работу — с их помощью можно искать картинки из стоков, вставлять карты и эмоджи.
- Увеличить или перекрасить повторяющиеся значки одним кликом вместо того, чтобы редактировать каждый по отдельности.
Это далеко не весь список возможностей, но ясно одно: чтобы повторить что-то подобное в Photoshop, у вас уйдет гораздо больше времени и сил.
Работа в браузере, на Windows и на Mac OS
Опытные дизайнеры знают: для работы в графических программах нужно мощное «железо», иначе все будет висеть и вылетать. И требовательный Photoshop тут не исключение: если открыть 5–6 макетов, то начнет тормозить даже мощный компьютер. А чтобы внести малейшие правки в файле на простеньком ноутбуке, понадобятся часы.
С Figma все гораздо проще: сервис запускается онлайн и поддерживает любые браузеры, устройства и операционные системы. А в качестве бонуса вы получите все «плюшки» онлайн-редактора: автосохранение и историю изменений с возможностью откатить правки. Ну и, конечно, вы всегда можете установить приложение на ПК, но и оно не такое требовательное, как Photoshop.
Совместная работа
Допустим, вы работаете над обновлением сайта доставки продуктов. Кроме вас в команде ваш руководитель, менеджер проекта и несколько разработчиков. Ваша задача — отрисовать интерфейс сайта и сделать адаптированный прототип для смартфона.
Если сделаете макет в Photoshop, вам нужно будет отправить его на почту каждому из коллег, дождаться фидбэка, внести правки и опять разослать файл. И так еще несколько раз, пока всех не устроит результат.
Figma решает и эту головную боль: в одном проекте могут одновременно работать сразу несколько специалистов. Вместо тяжелых файлов будет одна ссылка на рабочее пространство, а вместо долгих созвонов и переписок — комментарии, которые можно тут же оставлять к любому макету или даже элементу интерфейса.
Научитесь проектировать сайты в Figma за месяц на онлайн-курсе «Веб-дизайн» от Академии Eduson. Вы освоите UX/UI-дизайн и соберете портфолио, которое поможет найти работу в студии или заказы на фрилансе.