ИИ-презентации и самый умный автолэйаут: новое масштабное обновление Фигмы
👋 Привет! На связи Кейт – дизайнер Mediahead. Давайте поприветствуем инструменты искусственного интеллекта, новый интерфейс, конструктор презентаций с живыми голосованиями, еще более автоматический autolayout и другие обновления Figma.
Сразу узнать про:
На ежегодной конференции Config Фигма анонсировала крупное обновление функционала и интерфейса программы. Большинство апдейтов находится на стадии бета-тестирования. В комментариях под видео на YouTube фигма обещает запустить обновление уже в течение нескольких часов.
Обновленный интерфейс
На #Config2024 компания представила обновленную версию Figma под названием UI3.
Новая панель инструментов перемещается в нижнюю часть редактора. Это освобождает больше рабочего пространства на холсте и открывает возможности искусственного интеллекта через новое меню действий.
Предполагается, что скругленные углы, изменения в размещении, группировке и скрытии функциональных блоков помогут сделать интерфейс ненавязчивым и освободят место для творчества.
Некоторые функции будут скрыты в других блоках. Например, «режимы наложения» спрячутся в блоке «Appearance», где помимо этого можно будет настраивать непрозрачность и радиус скругления углов.
Suggest Auto Layout
Функция «Предложить автоматический макет» автоматически :) создаст вложенные фреймы внутри основного макета для выбранных вами объектов.
Когда вы используете «Suggest Auto Layout», Figma определяет, какие объекты и каким образом поместить во фрейм, а затем добавляет столько дочерних и вложенных фреймов, сколько необходимо, чтобы сделать весь дизайн адаптивным. Это экономит ваше время и избавляет от утомительной работы по ручному созданию и настройке autolayout.
Сейчас непонятно, насколько сильно сможет облегчить жизнь эта функция. Пока адекватные макеты собираются только из предварительно выровненных столбцов и строчек с элементами. Но все-таки стоит отметить, что при первом использовании фичи момент удивления точно присутствовал!
Нравится то, что теперь для дочерних фреймов внутри основного создается auto расстояние – space between, а также устанавливается режим ширины – fill, вместо прежнего fixed. Таким образом, ваши блоки сразу становятся адаптивными. Подходит для макетов легкой и средней сложности, например, небольшой карточки товара.
UI Kit
Фигма перенесла Apple Design Resources (iOS 18 и IPadOS 18), Google Material Design и Figma Design прямо на вкладку ресурсов (assets), так что вы можете начать проектировать, не нуждаясь в собственной дизайн-системе.
Обновленная дизайн-система фигмы Simple Design System также доступна для использования. Она включает в себя пак иконок, множество ui-компонентов, полноэкранные макеты, поддерживающие светлую и темную тему стили.
Figma AI
Собственный искусственный интеллект для оптимизации работы. Заявленные функции:
- Генерация, смена тона и перевод текста;
- Создание изображений и удаление фона;
- Автоматическое переименование слоев;
- Создание макетов по вашему промпту;
- Создание интерактивных прототипов и др.
Figma Slides
Новый инструмент для создания презентаций внутри программы. Предлагается множество редактируемых шаблонов, опция совместного онлайн-редактирования, новые формы комментариев. Интересно будет увидеть формат живых слайдов с опросами и голосованием, чтобы собирать отзывы внутри команды или среди других заинтересованных сторон для принятия решения.
Полный функционал обновления
Там еще много нового про dev-mode и режим просмотра прототипов.
Ознакомиться с апдейтом подробнее можно тут
––– С интересом ждем обновления интерфейса, его обещали выкатывать плавно. А также будет интересно узнать, насколько платной будет Figma AI 😉