Что нового в Figma – октябрь 2022
25 октября прошел вебинар, посвященный командной работе в Figma, там же были представленны несколько новых функции, о которых я расскажу ниже
Сам вебинар, если что, можно посмотреть тут:
https://www.youtube.com/watch?v=ygS7VKQ4SJY
Организация рабочего пространства
Появилась новая функция, которую реально должен использовать каждый дизайнер – инструмент Selection, который находится во вкладке с Frame и вызывается с помощью комбинации Shift + S
С помощью Selection можно организовывать ваши фреймы в рабочем файле. Например, у вас в файле есть фреймы с основным макетом, фреймы с компонентами, фреймы с Ui-китом и фреймы с прототипом.
Без организации это будет выглядет так, никаких дополнительных надписей, или пояснений что к чему относится:
После того, как мы организуем разные элементы с помощью Selection, каждая область на экране будет отделяться цветом и подписью, соответсвующей назначению фреймов. Такая организация поможет разобраться в структуре файла как вам, так и людям, которые работат вместе с вами.
Организация фреймов с помощью Selection никак не влияет на фреймы внутри: не рушит привязки или autol lyouts и не ломает прототип. Поэтому использовать ее можно и нужно на любых фреймах.
Цвет и обводка подбираются автоматически, но вы можете настроить их как угодно, кликнув по названию или по слою в палитре слоев.
Полезныый совет! Когда вы организовали фреймы с помощью Selection и хотите быстро переместиться к нужной области, прото кликните два раза по иконке слоя, к которому хотите переместится, в палитре слоев и фигма отправит вас прямиком к нему. Такое кстати работат вообще с любыми слоями в Figme.
Или вы можете воспользоваться поиском и фигма проводит вас к нужному вам фрейму
Добавьте музыку в ваш FigJam
В FigJam есть таймер, крупные команды обычно используют его для мозгового штурма, когда нужно быстро сгенерировать идеи. В этом таймере теперь можно выбрать одну из предложенных композиций, чтобы работать еще продуктивнее
Голосования в FigJam
В платных и образовательных аккаунтах теперь можно устраивать анонимные голосования. Кликните на новую иконку голосования и введите тему. Можно выставить ограничение на количество голосов для одного человека (если мы хотим дать возможность голосовать за несколько вариантов) и можно включить таймер голосования. После старта голосования пользователи смогут анонимно поставить реакции на те фреймы, за которые хотели бы проголосовать. Затем автор завершает его, и получает результаты в виде списка вариантов с победителем и количеством голосов за каждый вариант.
Google Календарь и Microsoft Teams
Теперь можно прикреплять фигмовские файлы к любому событию в Google календаре с помощью нового расширения:
https://chrome.google.com/webstore/detail/figma/fkmaohpngenfoccdgceedjkfhkdcohmg
Также можно присоединиться к работе над файлом прямо в Microsoft Teams и Zoom (скоро)
Видео в прототипах
В фигме на платных и образовательных аккаунтах теперь можно добавлятьвидео в формате mp4 и воспроизводить их в прототипах.
Просто перетяните файл в формате mp4 в вашу рабочую область (ограничение по весу – 30 мб). По умолчанию видео будет воспроизводится автоматически, с включенным звуком и автоповтором. Чтобы это изменить, кликните на видео, затем перейдите на вкладку Prototype и там в разделе Video вы можете включить или выключить автопроигрывание, повтор и звук.
Для видео можно настроить Interactions, в которых появились три новых действия: Play, Plause, Play/Pause. Таким образом можно, например, настроить воспроизведение видео по клику или ховеру.
У фигмы есть обучающий файл-прототип, в котором показаны оновные возможности видео в прототипах. Советую полазить там, например, там есть прототип перелистывания видео как в тиктоке.
Ссылка на обучающий файл (переведен на русский язык):
https://www.figma.com/community/file/1164503737309417627
Пока все!
На этом заканчиваются октябрьские нововведния Фигмы, но дальше – больше. Я буду писать о новых обновлениях и функциях Фигмы мере их выхода, а выходят они довольно часто!