В мир веб-дизайна я вошел во времена фотошопа, когда все макеты сайта создавались в .psd формате, съедали всю оперативку, весили очень много, а на согласование проекта с начальством каждый раз приходилось отправлять jpg файл. Переключаться между страницами, отслеживать общий стиль сайта было ужасно не удобно и долго. Промучился я так около 5 лет и тут на рынок стремительно врывается Figma!
ПЕРВОЕ ЗНАКОМСТВО
Первое что бросилось в глаза - это название. Фигма какая-то... На русском языке звучит не очень многообещающе. В целом и отношение к программе было такое же. После фотошопа, в котором панель инструментов больше похожа на приборную панель самолета, здесь, почему-то, было очень мало кнопок. Разве может быть ЭТО похоже на что-то очень многофункциональное?
А не маловато ли здесь кнопок?
В общем потыкал я несколько кнопочек и вышел. А после, через некоторое время, в youtube начался ажиотаж — буквально каждый дизайнер говорил о figma. Когда я увидел, какие проекты создаются в этой, на первый взгляд, "простенькой" программе, я заинтересовался и дал ей второй шанс.
ПОЛЕЗНЫЕ ФУНКЦИИ FIGMA
Простота утверждения проектов.
Главная фишка, которая меня заинтересовала - в этой программе могут одновременно работать несколько человек. Т.е. мне не нужно включать скайп, делать демонстрацию экрана, показывать проект начальнику, и пол часа двигать один элемент по его указаниям. Теперь можно пустить начальника в проект и дать ему подвигать мышкой!
Еще один плюс - не нужно каждый раз присылать новую картинку с проектом на whatsapp начальства или клиента. В условиях плохого подключения к интернету это сделать это бывало очень сложно. Теперь же достаточно скинуть ссылку на проект, где они будут отслеживать процесс работы. Прогресс!
Стабильная работа.
Помните, как вы решили подвинуть группу объектов в фотошопе, ждали минуты 2, получали сообщение о вылете программы, заходили заново, нажимали кнопку восстановить, получали новый файл с названием "дизайн — восстановленно.psd", удаляли старый файл, переименовывали новый и только после всего этого продолжали работу?
Видимо люди, основавшие фигму, тоже помнят это... И они решили таки эту проблему.
Во-первых фигма просто-напросто не вылетает. Вообще. Она работает очень стабильно.
Во-вторых все файлы хранятся на облаке, а значит не пропадут, даже если вы каким-то образом умудритесь отправить программу на вылет. Кстати, здесь не нужно сохраняться, ведь все автоматически выгружается в облако.
Доступ с любого устройства.
Начнем с того, что не обязательно скачивать программу на свой компьютер. Достаточно зайти в веб-версию фигмы и пользоваться всем тем же самым функционалом. Но более того: в браузерную версию можно войти с любого калькулятора. У меня были случаи, когда нужно было сделать мелкие правки (например изменить цвет объекта, или чуть чуть его подвинуть), а я был в дороге. Так вот, можно зайти через телефон на сайт фигмы, включить в настройках браузера десктопную версию сайта и пользоваться им также, как с компьютера. Конечно это не сгодится для основной работы, ведь без мышки и клавиатуры процесс займет слишком много времени, но в экстренной ситуации может спасти.
Здесь стоит упомянуть, что существует еще одно приложение, которое называется Figma Mirror. С его помощью можно просматривать проекты с телефонов и планшетов, но нельзя вносить в них изменения. Для последнего в телефонах чаще всего не достаточно оперативной памяти.
Скорость работы.
Фигма - это про скорость и эффективность. К примеру, 10-ти страничный проект в фигме (вместе с открытием программы) загружается за 47 секунд (загружается весь вектор, шрифты и т.д. Фотографии загружаются из облака. Скорость загрузки зависит от вашего интернета. Но даже при плохом интернете загрузка не занимает больше 10 секунд).
Скорость открытия 47 секунд (+ небольшая подзагрузка фото)
В фотошопе одна страница такого же проекта открывалась около 340 секунд. Это почти 6 минут! Я уже не говорю о том, сколько старичок фотошоп закрывается.
Перемещение объектов в фигме, и даже целых групп объектов, не составляет труда. Все происходит моментально. Во время работы не приходится отвлекаться на лишние загрузки и просчеты, всё максимально оптимизированно.
Интуитивный интерфейс.
Как оказалось, меньше = лучше. Многие инструменты фотошопа, которые были разделены на десятки других инструментов, здесь были лаконично объединены в 5 основных, и 3 вспомогательных инструмента.
Основные элементы:
Курсор
Рамка
Фигура
Перо
Текст
Вспомогательные:
Вкладка дополнений (компоненты, плагины, виджеты)
Рука
Комментарий
Всё гениальное — просто. Убрав лишний функционал, разработчики figma повысили эффективность разработки в приложении. И скажу по личному опыту: это очень удобно!
Прототипирование.
Прототипирование заслуживает отдельной статьи, как и многие другие функции, которые просто не вместятся в мой отзыв. Если кратко: прототипирование поможет превратить вашу безжизненную картинку проекта в рабочее приложение или сайт (со всеми анимациями и реакциями). Теперь не нужно объяснять клиенту и программистам, как должны реагировать элементы при наведении или нажатии. И при этом совсем не нужно изучать программирование!
Я настолько увлекся, пока игрался с этой фичей, что создал для себя приложение-справочник, которое открывается по ссылке с любого устройства.
Плагины.
Одна из самых полезных функций — плагины. Они создаются сообществом и помогают выполнить задачи, с которыми ванильная фигма не справилась бы. Одними из самых полезных могу назвать плагины Remove Background, который удаляет с картинки в один клик, и Photopea, аналог фотошопа в фигме. (ДА! В фигме есть фотошоп, а в фотошопе нет фигмы.)
Фотошоп в фигме
МИНУСЫ ФИГМЫ
Плюсов у программы очень много. В этой статье я не рассмотрел и половины того, что она умеет, и как этим пользоваться (вам ведь мой опыт работы интересен, раз вы здесь, а не на хабре каком-нибудь). Но встречаются и минусы.
Например, фигма умеет сохранять файлы в pdf формате, но не умеет читать pdf файлы. Из-за этого часто приходится открывать проекты в иллюстраторе и потом костылями переводить их в фигму (да, можно было бы работать просто в иллюстраторе, но у меня с ним не сложились отношения, и он тоже грузится очень долго).
Другой минус - нет даже примитивной возможности работать с растровой графикой. Благо дело плагины вроде Photopea помогают подчистить ластиком фон, но возникает вопрос: если это могут плагины, то почему этого не может сама фигма?
В будущем может появиться еще один большой минус, а именно — новые владельцы. Ходят слухи, что adobe собирается приобрести фигму. Если компания не пересмотрит свой подход к созданию приложений и перегрузит инструментами figma также как и остальные свои продукты, то боюсь, что нам нужно будет ждать нового спасителя в мире дизайна. Но пока... Пока я буду и дальше тихо-мирно создавать свои проекты в фигме, попутно печатая отзывы для вас.
Здравствуйте, стоит ли сейчас новичку обучаться графическому дизайну? Или уже поздно, слышал что сейчас огромная конкуренция и многие используют нейросети, рационально ли будет это
