Почему Figma, а не Photoshop сейчас настолько популярна в web-дизайне

Начинающие web-дизайнеры в растерянности. Figma, Photoshop, Sketch, Adobe XD, Illustrator — что из этого увесистого списка необходимо выучить, чтобы успешно работать над проектами? Чтобы прояснить ситуацию, мы взяли комментарии у преподавателей web-дизайна в школе EasyCode — Иры Матлашовой и Ани Питомец.

Почему web-дизайнеры выбирают Figma

Изначально лучшим инструментом для создания дизайна сайтов был Photoshop. Так или иначе, он выполняет большинство необходимых функций. Но на сегодняшний день созданы специализированные программы именно для web-дизайнеров, которые позволяют быстрее и комфортнее справляться с задачами. Одной из таких программ стала Figma.

«Figma — это векторная графика, которая не пикселизируется. Грубо говоря, если вы начнете очень сильно приближать изображение, растр потеряет качество, а вектор останется прежним. Плюс Figma очень мало весит, а Photoshop очень сильно тормозит компьютер. К тому же, Photoshop — это тот самый растр, а сейчас в вебе от него стараются уходить. Потому что растр очень много весит — сами изображения получаются тяжелыми, а сайт с ними будет долго загружаться. Сейчас все как раз стремятся к тому, чтобы сайт быстро загружался, поэтому нам нужно работать в векторе. Векторные программы, Figma, Sketch, Adobe XD, направлены на то, чтобы создавать сайты», — считает Аня.

Web-дизайнеру не нужно выбирать что-то одно — Figma или Photoshop

Несмотря на столь очевидные преимущества, Figma не может обеспечить полноценный рабочий процесс. Так или иначе, вам придется обращаться за помощью к Photoshop и, возможно, другим программам.

Ира поделилась своим мнением на этот счет: «Я очень коварный человек — я отвечаю абсолютно наоборот. Называю себя немного динозавром и считаю, что нельзя отказываться от Photoshop. Чтобы сделать хороший веб-сайт, мало знать всего лишь одну программу. Этого катастрофически мало, потому что существуют задачи, которые невозможно или неудобно выполнять в Figma: обрабатывать фотографии, обрезать изображения, вырезать при помощи масок или волшебной палочки. И это я еще не затронула иконки и все, что касается всевозможных трансформаций. Photoshop, напротив, идеально подходит для этого, ведь изначально был создан для ретуши, работы с растровыми объектами, в том числе с фотографиями. Я считаю, что выбирать между Photoshop и Figma не нужно».

Аня также считает, что Photoshop незаменим: «На курсах по web-дизайну в EasyCode мы все равно изучаем Photoshop. Нам эта программа нужна для обработки фотографий — где-то нужно что-то подтереть, где-то нужно что-то убрать. То есть, это все остается, это нужно».

Web-дизайнеру стоит идти в ногу со временем

Разработчики и дизайнеры создают программы не только для других, но и для себя. Всем хочется работать более эффективно, не елозить кистью два часа, а воспользоваться специальным инструментом и решить вопрос за минуту. Это позволяет сохранить время для более важных процессов и выполнить работу качественнее и при этом быстрее, дешевле.

«На сегодняшний день в Figma есть только максимально необходимые инструменты. Если сравнивать работу с текстом, ты можешь легко хватать за край прямоугольной рабочей зоны и изменять ее, таскать — все векторное и работает нормально. Когда мы говорим, что стоит идти в ногу со временем, имеем в виду использование более современных инструментов. Дизайнеры, разработчики и другие специалисты создали более удачный инструмент — Figma, тем самым сделали свою жизнь немножечко легче.

Photoshop нужен, но современные инструменты — это круто, удобно и реально быстрее. Это потрясающе — ты можешь расшерить свой экран (в Photoshop нет такой возможности) и одновременно править один и тот же документ. Просто здорово. В том же файле легко оставлять комментарии. В Photoshop тоже можно оставлять комментарии, но это достаточно сложно», — говорит Ира.

У большинства компаний сформирован более-менее стандартный список необходимых знаний/умений, которыми должен обладать человек, чтобы получить работу. Для web-дизайна, это всегда Photoshop и, зачастую, Illustrator. Владение дополнительными тематическими программами — всегда плюс. Осваивая новую программу, которая поможет в профессиональном поле, вы косвенно повышаете свою стоимость как специалиста. Ведь так вы сможете быстрее найти решение для задачи, расширите свои возможности и сделаете то, что не осилит другой дизайнер. Конечно, это не означает, что нужно с порога хвататься за все и сразу. Для начала можно сосредоточиться на самом необходимом, а уже потом наращивать свои возможности.

Ира считает, что идеальной программы не существует и стоит запастись максимальным количеством инструментов, чтобы эффективно работать над задачей: «Иногда, для того, чтобы решить какой-то проект, чем больше дополнительных программ ты знаешь, тем лучше. Потому что идеальной программы, какой-то одной единственной, лучше всех, не существует. Но в каждой есть свои плюсы, она на что-то ориентирована и со временем становится привычной. Figma ни в коем случае не ориентирована на всю ту огромную часть работы с ретушью, для которой создан Photoshop. Создавать иконки, в принципе, можно и в Figma, но некоторые дизайнеры предпочитают использовать для этого Illustrator. В этом случае они точно уверены, что все сохранится так, как нужно. То есть, существуют вот такие мелкие нюансы».

Преимущества Figma, не упомянутые ранее:

  • не требует установки — вы можете работать с ней с любого компьютера/ноутбука, если запомните логин и пароль от аккаунта;
  • если у вас выключится ноутбук, все или большинство изменений сохранятся — вы больше не будете опрокидывать стол из-за того, что пару часов напряженной работы прошли зря и придется все переделывать заново;
  • нет проблемы с версиями программы, как в Photoshop — скидывая макет, вы будете точно уверены, что он откроется у получателя;
  • компьютер затрачивает меньше ресурсов, а значит можно работать на более слабой машине и не ждать по две минуты, пока программа преобразует или сохранит;
  • выравнивание поражает воображение — объекты подхватывают центр холста, границы других блоков и показывает расстояние между несколькими блоками одновременно;
  • макеты из Figma удобны не только для дизайнеров, но и для разработчиков, так как все ссылки кликабельны и можно скачать все части по отдельности — еще обучаясь на курсах по программированию, студент сможет без труда разобраться с вашим макетом;
  • предельно удобный функционал по добавлению стандартных сеток и столбцов;
  • в Photoshop слишком много окон, в которые необходимо одновременно смотреть, чтобы контролировать ситуацию — это сложно, в то же время, когда в Figma в одном окне можно создавать целое море рабочих зон;
  • доступен экспорт файлов из Sketch.