Июльский дизайнжест от Roobinium: апдейты Figma, новый Webflow и ограничения генеративного UI
Июль оказался показательным для индустрии цифрового дизайна. Если еще недавно главным сюжетом было появление AI-инструментов рядом с привычными Figma, Webflow и редакторами кода, то теперь меняется уже сам рабочий процесс. Код возвращается на дизайн-холст, дизайн-системы становятся понятны AI-агентам, а генеративные инструменты все чаще должны выдавать не красивую картинку, а редактируемый и технически состоятельный интерфейс.
Мы собрали десять событий июля, которые лучше всего показывают, куда движется UX/UI-дизайн.
Figma приблизила Auto Layout к реальной логике CSS
Figma обновила Auto Layout, чтобы поведение макетов точнее соответствовало CSS. До этого между логикой Auto Layout и браузерной версткой оставались различия, из-за которых разработчикам приходилось компенсировать расхождения уже после передачи дизайна.
Теперь новые фреймы автоматически используют обновленную модель. Существующие макеты можно перевести на нее вручную, причем возможность вернуться к legacy-режиму Figma сохраняет до января 2027 года.
На первый взгляд это техническое обновление, но для продуктовых команд оно существенно. Чем ближе структура дизайн-макета к поведению CSS, тем меньше «перевода» требуется между дизайнером и фронтенд-разработчиком. Auto Layout постепенно перестает быть лишь визуальной имитацией верстки и становится более точным представлением того, как интерфейс действительно будет работать в браузере.
Код теперь можно возвращать в Figma, не теряя дизайн-систему
Figma сделала еще один шаг к двустороннему процессу design ↔ code. При переносе code-backed экранов обратно на холст цвета, типографика и отступы теперь автоматически связываются с существующими переменными файла вместо превращения в набор жестко заданных значений.
Механика работает при копировании превью из Figma Make, генерации дизайна из кода через Figma MCP Server и захвате работающей веб-страницы в редактируемые слои. Кроме того, больше импортированных фреймов получают Auto Layout.
Для UX/UI-команд это, возможно, одна из самых важных июльских новостей. Традиционный handoff предполагает линейную схему: дизайн → разработка. Figma фактически строит обратный маршрут: код → редактируемый дизайн → новая итерация → код. Это особенно важно для зрелых продуктов, где актуальная версия интерфейса часто существует уже не в макете, а непосредственно в продакшне.
GPT-5.6 появился внутри Figma Make
В Figma Make стала доступна модель GPT-5.6. Ее можно выбрать непосредственно через model picker в чат-интерфейсе Make; доступ открыт на всех тарифах Figma.
Figma все отчетливее превращает Make из экспериментального генератора прототипов в отдельный способ создания цифрового продукта.
Дизайнер все меньше обязан вручную собирать каждый экран перед проверкой идеи. Он может описать поведение продукта, получить работающую версию, протестировать направление и затем перенести результат обратно на дизайн-холст. В сочетании с июльским обновлением code-to-canvas это все больше стирает границу между прототипированием, UI-дизайном и фронтендом.
Apple выпустила обновленные UI-киты для Figma и Sketch
Apple опубликовала июльский выпуск Apple Developer и представила новые дизайн-ресурсы для своих платформ. Среди них — UI-киты для Figma и Sketch с актуальными компонентами интерфейсов iOS, iPadOS и macOS 27.
В наборах обновлена реализация Liquid Glass, расширено количество компонентов и их состояний, изменены названия для более точного соответствия коду и улучшено изменение размеров компонентов. В macOS-ките также появился Dark Mode.
Для продуктовых дизайнеров это важнее очередной демонстрации «стеклянного» интерфейса. После появления новой дизайн-системы начинается менее заметная стадия — ее формализация. Компоненты, состояния, правила ресайза и соответствие названий коду превращают визуальную концепцию в систему, с которой можно работать в реальном продукте.
Webflow перенес сложные mouse-interactions в визуальный редактор
Webflow расширил систему Interactions поддержкой mouse move-анимаций на базе GSAP. В визуальном интерфейсе появились сценарии вроде follow mouse и interval actions — эффекты, которые раньше обычно требовали ручной работы с JavaScript или отдельной настройки GSAP.
Это хороший пример того, как no-code-инструменты меняют не только разработку, но и motion/UI-дизайн. Прототипирование интерактивности постепенно смещается от демонстрации предполагаемого поведения к созданию непосредственно работающего поведения.
Для дизайнеров это означает возможность проверять микровзаимодействия и motion-концепции сразу в браузерной среде, а не объяснять разработчику анимацию через видео, комментарии или отдельный прототип.
Webflow разрешил помещать полноценные элементы внутрь Component Slots
Еще одно обновление Webflow коснулось компонентов. Component Slots получили поддержку Elements: внутрь слота теперь можно передавать изображения, Collection Lists, слайдеры, rich text и другие элементы.
Вместо создания множества почти одинаковых вариантов компонента дизайнер или разработчик может оставить его каркас стабильным, а содержимое сделать заменяемым.
По сути, визуальный конструктор все ближе подходит к компонентной модели современного фронтенда: дизайн строится не из фиксированных экранов, а из системных примитивов с управляемыми зонами вариативности.
Кастомные шрифты в Webflow стали частью библиотек
Webflow решил еще одну проблему больших дизайн-систем: Google Fonts, Adobe Fonts и загруженные вручную шрифты теперь переносятся вместе с Libraries и автоматически устанавливаются и обновляются на сайтах, использующих библиотеку.
Типографика часто оказывается одним из слабых мест при масштабировании цифрового бренда. Компоненты можно синхронизировать, токены — стандартизировать, но шрифтовая конфигурация продолжает жить отдельно на каждом проекте.
Webflow фактически сделал типографику более полноценной частью распространяемой дизайн-системы. Для агентств и продуктовых команд, управляющих несколькими сайтами одного бренда, это уменьшает количество ручной настройки и риск визуальных расхождений.
Notion разрешил создавать интерактивные интерфейсы прямо внутри страниц
Notion выпустил версию 3.6, одной из главных возможностей которой стали HTML Blocks. Notion Agents могут создавать интерактивные HTML-блоки прямо внутри страницы — например, калькулятор ROI или другой небольшой функциональный инструмент.
Для UX/UI это интересный сдвиг: граница между документом и приложением становится менее очевидной. Раньше страница в Notion состояла преимущественно из заранее предусмотренных продуктом компонентов — текста, баз данных, изображений, embeds. Теперь внутри нее может появляться специализированный интерактивный интерфейс.
Получается своеобразная модель micro-UI on demand: вместо поиска отдельного SaaS-сервиса для небольшой задачи пользователь может сформулировать нужную механику и получить мини-интерфейс непосредственно в рабочем пространстве.
Linear сделал вклад AI в интерфейс редактирования визуально проверяемым
Linear обновил работу с документами и описаниями проектов. Текст теперь можно редактировать через Linear Agent, при этом изменения, внесенные агентом, визуально отделяются от пользовательских. Появились индикаторы авторства и возможность вернуться к предыдущей версии через историю изменений. Одновременно Linear переработал sidebar задачи, теснее связав свойства issue с основным контентом.
Это любопытный UX-паттерн для AI-продуктов. Когда AI перестает только отвечать в отдельном чате и получает право менять пользовательский контент, интерфейсу приходится отвечать на новый вопрос: кто именно внес это изменение?
Linear решает его через атрибуцию и визуальное разделение правок. Подобные механики — provenance, история действий, возможность отката — вероятно, будут становиться стандартной частью интерфейсов AI-агентов.
Исследователи измерили «Design Theater» генеративных UI-инструментов
24 июля была опубликована работа Design Theater: A Benchmark for Generative UI. Авторы протестировали пять генеративных UI-инструментов на 24 задачах и проанализировали 120 созданных интерфейсов.
Результат получился отрезвляющим: в среднем более 25% решений, которые генератор заявлял в собственном объяснении дизайна, фактически отсутствовали в созданном интерфейсе. Для функциональных требований показатель несоответствия вырос до 34%. Исследователи также обнаружили, что инструменты распознают лишь около половины UX-принципов, заложенных в промпты.
Авторы назвали этот разрыв Design Theater: AI убедительно объясняет, почему его интерфейс доступен, удобен или соответствует определенному UX-принципу, хотя фактическая реализация может этому объяснению не соответствовать.
Для дизайн-индустрии это полезная точка отсчета. Генерация UI уже становится достаточно хорошей, чтобы быстро создавать убедительные интерфейсы. Но визуальная убедительность и даже грамотное AI-обоснование пока не заменяют UX-аудит, проверку состояний, accessibility и тестирование реального поведения продукта.
Итоги
Если свести июльские события к одной тенденции, она будет не про «AI вместо дизайнера». Интереснее другое: меняется сама единица работы дизайнера.
Figma сближает Auto Layout с CSS и возвращает production-интерфейсы обратно на холст вместе с переменными. Webflow делает сложную интерактивность и компонентную архитектуру доступными из визуальной среды. Notion позволяет генерировать небольшие функциональные UI прямо внутри документа. Linear уже решает проблему прозрачности изменений, сделанных AI-агентом.
В результате привычная цепочка «исследование → макет → прототип → handoff → разработка» постепенно перестает быть строго последовательной. Дизайнер может работать одновременно с компонентами, кодом, живыми интерфейсами и AI-агентами, постоянно перемещаясь между уровнями абстракции.
И здесь особенно показателен последний инфоповод месяца — исследование Design Theater. Чем быстрее становится производство интерфейса, тем важнее способность отличить интерфейс, который выглядит правдоподобно, от интерфейса, который действительно решает пользовательскую задачу. Именно эта часть UX-работы пока становится не менее, а скорее более значимой.
Оставайтесь с нами на связи — @Vino_Costa из @Roobinium