Figma обновилась до UI3 для всех пользователей

Новости 11 окт. 2024 г.

10 октября пользователи Figma получили доступ к обновленной версии Figma, известной как UI3, с возможностью возврата к предыдущему дизайну, пока UI3 остается в бета-версии. С момента запуска UI3 на Config в июне 2024 года компания улучшила пользовательский опыт. Вот некоторые изменения, которые Figma внесла в UI3 с момента запуска бета-версии:

Фиксированные панели

Навигационная панель свойств в Figma снова закреплена по обе стороны от холста. Плавающий интерфейс, который был представлен с UI3, останется доступным при использовании режима "Скрыть интерфейс" в Figma, во время сеточного режима для слайдов и всегда в FigJam. Панель инструментов продолжит плавать внизу холста во всех продуктах Figma.

Информация о библиотеке компонентов

Чтобы определить, является ли компонент локальным, Figma добавила информацию о библиотеке компонентов в панель свойств, что позволяет видеть источник каждого компонента.

Режимы наложения

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

Теперь, когда юзеры выбирают пользовательский режим, они могут легко настроить или удалить параметры через встроенное выпадающее меню. Это решение упрощает интерфейс, возвращаясь к ранним версиям режимов наложения.

Панель свойств

При разработке панели свойств команда сосредоточилась на важности элементов управления компонентами, унификации новых параметров макета и обновлении заголовка. Учитывая отзывы после запуска, изменили стандартные ограничения и обновили элементы управления автоматическим макетом, чтобы всегда показывать значения в пикселях и режимы изменения размера.

В публичной бета-версии содержимое клипа было выпадающим списком, что приводило к лишним кликам и замедляло рабочие процессы. Команда вернулась к флажку как к самому понятному и эффективному элементу управления, обновив его дизайн для восстановления баланса с остальной частью интерфейса.

Ограничения

При включении ограничений элемент управления отображается в строке в панели свойств, что позволяет значительно ускорить редактирование. При выделенном дочернем слое значок ограничений будет отображаться рядом со значениями X и Y в разделе 'Положение' панели свойств.

Метки

Теперь все метки предоставляют полный контекст, что упрощает их реализацию. Изначально минималистичный подход казался многообещающим, но позже команда поняла, что он затрудняет доступность.