Фигма из достаточно примитивного редактора быстро выросла до мощнейшего помощника с крутым функционалом, который помогает в создании проектов как дизайнерам, так и разработчикам. Странный 2020 год принес нам не только плохие новости – в конце года были анонсированы новые возможности Фигмы, которые немного приблизили продукт к более удобной форме для всех участников процесса создания сайта.
Между творческим полетом мысли дизайнера и структурированным кодом всегда была большая пропасть. Но мы уже неоднократно говорили, что красота заключается в удобстве, логичности и порядке. И вот теперь эта идея находит все больше приверженцев, в том числе и среди разработчиков Фигмы, которые помогают объединять миры логики и креатива.
Код и дизайн теперь работают более согласованно, благодаря чему также эффективнее работают команды, а результат выходит чище, проще и интереснее. Посмотри премьеру «Основы веб-дизайна 2021. Figma», чтобы вникнуть в тему.
Плагины
Плагины в Фигме появились еще 2 года назад, но они совершенствуются и добавляются. Они упрощают механические рутинные задачи, серьезно облегчают и ускоряют работу. Сейчас количество плагинов приближается к 500 и растет с каждым днем. Кто их разрабатывает? Сами пользователи! А это значит, что плагин создается непосредственно практикующим специалистом, который точно знает, что удобно и как это воплотить. С помощью плагинов можно упорядочить элементы, экспортировать данные из других программ, создавать GIF-изображения, генерировать цветовые градации и много чего еще – тема достойна отдельной статьи.
Variants
Ранее один и тот же объект при передаче в другом стиле использовал разные компоненты кода. Теперь есть Variants – это по своей сути группировка всех вариантов в один компонент, который более точно соответствует коду и очень упрощает процесс разработки. Это полезный инструмент в современных реалиях, когда важно делать адаптивный дизайн – про его необходимость почитай в этом материале.
Улучшения Auto Layout
Функция Auto Layout серьезно облегчает формирование ячеек. Но лишь недавно ее доработали для создания адаптивных интерфейсов. Теперь дизайнеру не нужно вручную подгонять фрейм, если требуется изменить текст кнопки. Сейчас идет работа над тем, чтобы приблизить Auto Layout к функционалу Flexbox. Ты можешь самостоятельно настраивать независимые значения заполнения, растягивать объекты во все стороны, проще расставлять иконки навигации.
Уже есть специальный плагин Marka Email Generator, который позволяет быстро и легко создавать электронную рассылку с адаптивной вёрсткой. При наличии базы компонентов ты можешь сгенерировать письмо буквально за 5 минут.
Меню Instance Swap
В крупномасштабных проектах не обойтись без поиска разнообразных компонентов. Раньше нужно было либо знать их название, либо долго листать библиотеку в поисках нужного варианта. А использовать одни и те же компоненты просто нельзя – даже если в рамках одного проекта это простительно, то разные сайты твоего авторства должны ведь отличаться друг от друга. Теперь навигация по библиотекам упрощена, благодаря наличию удобного поиска, горячих клавиш и миниатюр.
Новые разделы
Вместо панели Code появилась вкладка Inspect. Это подарок разработчикам. Она помогает определить значения для границ, цветов, содержимого. Просто копируй в буфер обмена сведения и вставляй в код!
Почему эти обновления так важны? Они приближают Фигму к продукту, о котором давно мечтают универсальные специалисты – дизайнеры, делающие верстку.
Интерактивные компоненты
Чтобы создать интерактивный объект, больше не нужно использовать наложение фреймов – разработчики Фигмы предусмотрели более простой и эффективный перенос интерактивных компонентов в прототип. Добавляются взаимодействия между элементами, благодаря чему в режиме прототипирования получается создать действительно интересные живые элементы.
Почему мы выбираем Figma?
На данный момент Figma является одним из лучших решений для командной работы – это универсальный инструмент для всех участников процесса.
Почему мы вообще сравниваем Photoshop, Illustrator и Figma? Просто раньше в принципе не существовало специального софта для веб-дизайна, его место заняли графические и фоторедакторы. Несмотря на все мастерство веб-дизайнеров эти продукты создавались для других целей. Figma же является порождением нового поколения, которое учитывает специфику работы.
В чем минусы Figma? Основной фишкой является работа онлайн. Это скорее преимущество, потому что позволяет не загружать железо, легко делиться материалами и даже полностью передать проект другому исполнителю вместе со всеми исходниками в два счета. Многие пользователи считают облачную работу недостатком, потому что она невозможна в режиме офлайн. Но давай посмотрим правде в глаза – много ли сейчас мест, где совсем туго с сетью? Мы уже вышли из первобытных времен dial-up и любой уважающий себя разработчик и веб-дизайнер имеет возможность подключить скоростной интернет даже в лесной чаще. Офлайн-продукты постепенно умирают, переходи на сторону прогресса.
Безусловно, это еще далеко не идеал. Но уже сейчас разработчики чутко прислушиваются к гласу народа и выкатывают классные обновления. Ожидаемо, Фигма ближайшие годы будет диктовать тренды в этом направлении. А наше дело – помочь тебе освоить современные инструменты и стать востребованным специалистом. Детальный разбор возможностей Figma тебя ждет в программе онлайн-интенсива «Веб-дизайнер: счастливый билет в Таиланд». Присоединяйся!