Августовский дизайнжест от Roobinium: AI-агенты Figma, шейдеры Framer и умные дизайн-системы

Август оказался месяцем не столько громких визуальных трендов, сколько изменений в самой механике создания цифровых продуктов.

Figma научила AI-агента работать с переиспользуемыми дизайн-процессами. Framer вывел визуальные эффекты на новый уровень, приблизив их к production-ready веб-разработке. Webflow добавил больше контроля над компонентными системами и интегрировал свои инструменты в AI-среду разработки.

Если собрать эти обновления вместе, становится заметен общий вектор: AI-инструменты постепенно уходят от сценария «сгенерируй что-нибудь за меня» в сторону «работай внутри существующих правил, систем и контекста продукта».

Разбираем десять наиболее интересных событий месяца.

Figma теперь позволяет создавать собственные навыки для AI-агента

Figma открыла одно из наиболее интересных направлений развития AI в дизайне — навыки, которые создают сами дизайнеры.

В Figma Community уже появились десятки agent skills для таких задач, как UX-исследования, работа с дизайн-системами, юзабилити-тестирование, документация и подготовка макетов к разработке. При этом дизайнер может попросить Figma Agent создать собственный навык с учетом контекста конкретного файла, а затем вызывать его непосредственно из агента. Такие навыки также можно публиковать в Figma Community и использовать повторно.

Это меняет роль AI с универсального помощника на что-то гораздо более интересное — оператора, который знает правила конкретной команды.

Например, дизайн-лид может превратить в навык собственный процесс UX-аудита, чек-лист accessibility или правила работы с определенной дизайн-системой. В результате экспертиза команды становится не просто набором инструкций в Notion или PDF, а процедурой, которую AI может непосредственно выполнять.

AI-агент Figma теперь можно держать рядом с рабочим пространством

Figma изменила и сам способ взаимодействия с AI-агентом. Панель чата теперь можно отсоединить в отдельное окно на macOS и Windows, перемещать по экрану и оставлять открытой во время работы.

На уровне интерфейса это небольшое изменение, но оно отражает более масштабный сдвиг в UX AI-инструментов.

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

Теперь вопрос уже не только в том, как получить доступ к AI, а в том, когда он должен вмешиваться, что ему позволено видеть/менять, и в какой момент ему лучше просто не мешать работать.

Figma делает адаптивные отступы ближе к CSS

Figma продолжила сближать поведение своих макетов с реальной браузерной версткой, расширив возможности автоматического распределения пространства в Auto Layout.

Привычный режим получил название Between, а к нему добавились Around и Evenly — варианты распределения пространства, знакомые разработчикам по CSS.

На практике это означает, что дизайнер может описывать структуру интерфейса более близко к тому, как она будет реализована во фронтенде.

На первый взгляд изменение кажется небольшим. Но именно такие детали постепенно сокращают дистанцию между дизайн-макетом и production-кодом. Чем меньше решений приходится «переводить» с языка Figma на язык CSS, тем меньше потенциальных расхождений между задумкой и реализацией.

Figma добавила более гибкое управление переносами текста

Еще одно небольшое, но полезное обновление касается типографики. В Figma появились настройки переноса текста Balance и Pretty.

Balance старается равномернее распределять текст между строками, а Pretty помогает избегать неудачных переносов — например, когда одно короткое слово остается на последней строке. Настройки можно применять как к отдельным текстовым слоям, так и к текстовым стилям и абзацам.

Для адаптивного продуктового дизайна это особенно актуально. Дизайнеры работают с разными размерами экранов, динамическим контентом, локализациями и переменной длиной текстов.

Вместо ручного контроля каждого переноса появляется возможность задать правило поведения текста — то есть сделать типографику чуть более системной.

Framer перенес видео-шейдеры непосредственно в веб-дизайн

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

При этом результат можно сразу публиковать в интернете, не превращая эффект в заранее записанное видео и не подключая отдельный motion-production pipeline.

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

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

Framer открыл плагинам доступ к веткам и публикации

В обновлении Plugin 4.1 Framer добавил API для работы с ветками и публикацией проектов.

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

Это заметно расширяет роль плагинов. Они становятся не просто небольшими дополнениями к редактору, а полноценными участниками процесса от эксперимента до публикации.

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

Визуальный редактор постепенно превращается из инструмента редактирования в платформу.

Webflow научился ограничивать содержимое Component Slots

Webflow добавил более строгий контроль над Component Slots — теперь отдельные слоты можно ограничивать конкретными компонентами.

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

Для дизайн-систем это особенно полезно.

Раньше документация могла лишь объяснять, что следует помещать в конкретную область компонента. Теперь сама система способна предотвращать типичные ошибки.

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

Webflow появился в Codex и ChatGPT

Webflow также сделал еще один шаг в сторону AI-assisted development, интегрировав свою платформу в Codex и ChatGPT.

AI получил доступ к специализированным возможностям для аудита сайтов, работы с CMS, управления контентом и задачами, связанными с публикацией.

Здесь интересно не столько очередное AI-подключение, сколько сам принцип.

Агент не генерирует абстрактный интерфейс с нуля. Он работает с существующим сайтом, его CMS и уже сформированной структурой продукта.

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

Photoshop получил AI Assisted Editor и редактирование через наброски

27 августа Adobe представила крупное обновление Photoshop. Самое заметное — AI Assisted Editor, отдельный интерфейс с prompt bar для генеративного редактирования.

Но интереснее другое: появилась функция Markup, которая позволяет буквально нарисовать на изображении, что именно нужно изменить. Можно обвести объект, провести стрелку или набросать пример будущего элемента — AI использует этот визуальный указатель вместе с текстовой инструкцией. Плюс Firefly Image 5 стал лучше учитывать контекст изображения.

Apple обновила форматы креативов для App Store

Apple опубликовала новые рекомендации и шаблоны для визуальных материалов в App Store. Они охватывают различные промо-форматы для брендов, сезонных кампаний и нового контента — в том числе для страниц приложений, результатов поиска и In-App Events.

Для дизайнеров здесь интересно расширение самого понятия интерфейса.

App Store все меньше выглядит просто как каталог приложений. Поисковая выдача, промо-блоки, визуальная презентация продукта и сезонные кампании становятся самостоятельными точками взаимодействия пользователя с брендом.

Получается, что дизайн приложения теперь начинается не только после нажатия Download. Опыт пользователя формируется еще до установки продукта.

Figma Draw получил более «ручное» редактирование векторов

24 августа Figma обновила Figma Draw: теперь векторные объекты можно стирать непосредственно на canvas, а также использовать более прямолинейные жесты для очистки и изменения формы.

Это интересный контраст с общей автоматизацией Figma: компания не только добавляет AI, но и делает сам canvas более похожим на привычный инструмент рисования. 

Почему интересно: Figma Draw — более широкая дизайнерская тема, чем очередная функция для enterprise design systems. Ее можно связать с возвращением «ручного» творчества в цифровой дизайн.

Что в итоге?

Самое интересное в августовских обновлениях — их фокус не столько на генерации, сколько на ограничениях и контексте.

Figma учит AI-агентов переиспользуемым дизайн-процессам. Webflow дает компонентам четкие правила. Framer дает дизайнерам больше контроля над эффектами, которые можно сразу отправить в продакшн.

Общий тренд здесь довольно очевиден: AI постепенно перестает быть магической кнопкой «сделай мне интерфейс».

Гораздо перспективнее выглядит другая модель — AI, который понимает правила продукта, структуру дизайн-системы, намерение пользователя и границы собственных полномочий.

Это уже более зрелый взгляд на AI-assisted design. По мере того как инструменты становятся умнее, экспертиза дизайнера не исчезает — она все больше перемещается в правила, системы, ограничения и решения, внутри которых эти инструменты работают.

Оставайтесь с нами на связи — @Vino_Costa из @Roobinium