Figma представила новые продукты и функции

Среди новых функций — Figma Draw. Доступно для всех.

• Панель Draw позволяет работать в интерфейсе, созданном специально для визуального творчества. Обновлены панели слоёв, инструментов и свойств.
• Расширенное векторное редактирование, в котором появились новые инструменты — лассо, построитель форм (shape builder) и мультиредактирование, — для более точной и детальной работы с векторами.
• Текст теперь можно размещать на любом векторном контуре.
• Кисти, которые позволяют создавать эффект ручного рисования. Можно создать свои.
• Новые заливки и эффекты с текстурами, шумом прогрессивным размытием и узорами.
• Будет легче создавать сложные формы и простые линейные и радиальные паттерны с помощью инструмента «трансформации» (transformations)
• Динамические штрихи позволяют настраивать частоту и «волну» линии.
• Изменение ширины штриха с помощью переменных (скоро).
• Ускорили булевы операции над фигурами, контурную обводки и экспорт в формат SVG.

Grid — новый режим в Auto layout. Пока работает бета-версия, режим доступен для всех.

• Новый вариант выравнивания: можно выбрать Grid как тип Auto Layout.
• Элементы можно растянуть на несколько колонок или строк.
• Фиксированный размер даёт полный контроль над шириной и высотой колонок и строк.
• Можно выравнивать с CSS-сетками в режиме разработчика.

Figma Buzz — новый инструмент для вёрски бренд-материалов. Пока работает бета-версия, доступно всем.

• Можно копировать и вставлять дизайн из Figma и публиковать как шаблон для команды в Buzz.
• Можно ограничить редактирование, чтобы сохранить соответствие бренду, или снять ограничения для большей свободы.
• Можно импортировать данные из таблиц, чтобы быстро создать тысячи вариантов.
• ИИ-функции позволяют создавать изображения, удалять фон и переписывать текст.

Figma Sites — новый инструмент для дизайна, прототипирования и публикации сайтов. Работает бета-версия, доступно только по подписке.

• Можно копировать и вставлять макеты из Figma.
• Уже доступны 50 готовых шаблонов сайтов.
• Можно использовать компоненты дизайн-системы и готовые веб-элементы.
• Адаптация макетов с помощью брейкпоинтов под разные экраны.
• Можно добавлять эффект бегущей строки, эффект параллакса при прокрутке и многое другое — в пару кликов.
• Доступен живой HTML-просмотр прямо на холсте и возможность публиковать сразу на сайт.

Figma Make — от дизайна к прототипу с помощью запроса. Пока работает бета-версия, скоро будет доступен только по подписке.

• Прототип по запросу.
• Можно начать с макета в Figma: для этого надо вставить фрейм и работать с уже готовым дизайном.
• Получится напрямую редактировать результаты работы ИИ: код, изображения, отступы и поля.
• Прототип можно превратить в полноценное веб-приложение.