Emily Campbell предлагает версию легендарной модели слоёв UX от Джесси-Джеймса Гарретта, но для продуктов на базе ИИ. Она включает интерфейс, контекст, контур управления, модель, общее управление и выявление непредсказуемости.
Wouter de Bres выпустил бесплатную книгу «Product Design Psychology» о дизайне интерфейсов.
-
Microsoft рассказывает о работе с тактильной (haptic) обратной связью в Windows. Какие возможности есть, как подбирать вибро-эффекты по задаче и характеру.
Aurélie Radom наглядно показывает, как усложняется цепочка принятия решений в компаниях по мере их роста. И как это ухудшает общее качество.
Платиновая статья Marcin Wichary, в которой он пошагово и с наглядными демками показывает как росла производительность взаимодействия пользователя с компьютером. И какие решения изобретали для его реальной или воспринимаего ускорения.
8–12 июня прошла ежегодная WWDC, выставка новых операционок Apple. Всё про оптимизацию прошлогоднего запуска «жидкого стекла» и внедрение Apple Intelligence.
Оптимизируют и дизайн-решения — можно вручную настроить стилизацию интерфейсов. И производительность работы самой операционки и приложений. На полировку крупного редизайна такой большой платформы нужно полтора-два года, они как раз набегут к осени.
Иконки приложений теперь тоже используют «жидкое стекло».
Apple Intelligence (ещё) и новую Siri спустя два года всё-таки запустили и встроили везде. За основу взяли Google Gemini и своих моделей. Она работает через «динамический остров» и новое отдельное приложение в привычном чате. А также интегрирована в стандартные приложения, может искать по файлам и другому контенту, распознавать то что видит камера.
Xcode пришёл в ИИ-эпоху — теперь это тоже среда агентной разработки. Видео с разбором возможностей.
Самое интересное в развитии «жидкого стекла» — то, как выглядит работа с Siri. Вид самого пузыря, эффекты нижней границы динамического острова и вся динамика его работы — ещё выглядит ещё тактильнее.
В фотографиях можно поменять ракурс — нейронка дорисует недостающие части. И стало проще генерировать Genmoji.
Энтузиасты нашли следы поддержки складных телефонов, про которые говорят давно и даже утекал какой-то прототип.
Apple Intelligence в Shortcuts.
Полезные видео для дизайнеров:
— Communicate your brand identity on iOS
— Compose advanced graphics effects with SwiftUI
— Craft clear names for features and labels in your app
— Create UI prototypes using agents in Xcode
— Design intuitive search experiences
— Enhance the accessibility of your reading app
— Principles of great design
Победители Apple Design Awards этого года.
Официальный UI Kit для Figma и Sketch. Энтузиасты в первые же дни наклепали шаблонов в сообществе Figma: динамический остров с Siri, жидкое стекло в целом и всякое такое.
iPadOS 27, watchOS 27, macOS Golden Gate — всё так же про общий тюнинг и доработки жидкого стекла.
Полезные видео для дизайнеров:
— Design immersive environments for visionOS apps and the spatial web
— Design no-code games with Reality Composer Pro 3
Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия доступна с конце июня, а разработчики могли поставить её сразу.
Акции консалтинговой компании Accenture упали уже на 51% с начала года. Рынок для таких компаний съёживается.
Доля рынка ChatGPT впервые в истории упала ниже 50%. Это признаки его насыщения и взросления.
Claude Design появился в приложении для компьютера. Можно редактировать макет напрямую, более тесная связка с Claude Code.
Codex может создать навык, если пользователь наглядно покажет на экране как он сам выполняет его.
Навык для ИИ-агентов анализирует дизайн сайта и выдаёт предположение о его гайдлайнах и ключевых паттернах.
Ежегодная презентация крупных продуктовых рывков Figma Config 2026 прошла 23–25 июня в Сан-Франциско. Получился один из самых сильных запусков за всю историю, который крепко тащит нас всех в будущее инструментов дизайна.
Вот что было по основным направлениям:
Это главный космос из показанного, да и на рынке вообще. Любой слой может стать слоем на базе кода — конвертировать в него дизайн или готовый подключить репозиторий кода. Такой слой становится интерактивным — можно взаимодействовать с интерфейсом как с интерактивным прототипом.
Самый огонь-пожар, что при взаимодействии с этим прототипом можно вытащить любые состояния как редактируемые макеты. Изучить внимательно, поправить их как обычный дизайн и снова закоммитить в репозиторий. Делать ветки для отдельных версий через простое дублирование слоёв кода.
Всё это работает благодаря глубокой интеграции Figma Make под капотом — они сделали много таких фундаментальных решений за последние месяцы. Например, диктовать команды голосом.
Полноценные инструменты анимации прямо в Figma, вместе с таймлайном. Можно автоматически записать ключевые кадры, если подвигать элементы или описать словами агенту. Всё летает шустро, моментально показывает все доработки на лету.
Можно анимировать шейдеры, есть оркестровка и стилистические заготовки для быстрого старта. На подходе 3D-трансформации.
Упрощается работа с дизайн-системами, которые описывают анимацию — появились специальные переменные. Её тоже можно быстро перегонять в код и разбирать в DevMode, читать по MCP. Всё это можно экспортировать в видео-файлы и гифки.
Скоро будет работать в других инструментах — FigJam, Figma Slides. Получит навыки, плагины, сможет загружать вложения. Коллеги смогут видеть ваши чаты с агентом и лучше понимать контекст.
Делать свои микро-инструменты дизайна стало ещё проще — можно сгенерировать плагин по текстовому описанию. Он будет жить в конкретном файле Figma и выглядеть нативно.
Их тоже можно создавать через агента —'эффекты, текстуры и трансформации; статические, динамические и интерактивные. Можно определить настраиваемые параметры, которые станут стандартным интерфейсом.
Наконец-то началась интеграция Weave в основной интерфейс Figma. Пока это 20 первых цепочек обработки типа стилизации, фотосессий товара, накладывания лого на мерч или генерации мокапов, но скоро можно будет создавать свои. По сути они упрощают весь пайплайн до «что на входе» и «что на выходе» (вся механика под капотом).
Макет Figma может стать узлом в пайплайне интерфейса Weave. Конечно, больше всего ждали более тесной интеграции Weave в основной редактор. Но, видимо, это всё совсем нетривиально.
Обзор ключевых анонсов. И полное видео с кучей деталек. Оно абсолютно стоит того, чтобы посмотреть внимательно. Ребята создают мир гибкого и контекстного применения ИИ, который уводит нас из каменного века prompt-driven инструментов — лет через десять над ним будут угорать, как над эпохой перфокарт.
Можно запросить ранний доступ ко всем этим запускам.
Официальное расширение для Chrome превращает страницу сайта в редактируемый файл Figma.
Встроенный линтер для проверки дизайна Check Designs наконец-то вышел из беты.
MCP сервер получил кучу новых возможностей: работа с Figma Slides, экспорт графики и локальных шрифтов, интеграция с Xcode. Как его используют сами члены команды Figma для обновления макетов, презентаций, досок FigJam и связки с кодом.
Дополнительные возможности слотов в компонентах — что можно поставить вариантами по-умолчанию, как рекомендовать варианты заполнения.
Режим планирования в Figma Make, чтобы решить что делать до того, как делать.
Наконец-то появились группы вкладок.
Плагины:
Навык для ИИ-агентов анализирует дизайн сайта и выдаёт предположение о его гайдлайнах и ключевых паттернах.
Официальная методичка Google по процессу разработки при помощи ИИ. Основные тезисы от Addy Osmani, одного из авторов.
Тимур Голотин из Точка Банк рассказывает, как переосмыслил интерфейс выдачи кредитов для бизнеса. И как смог убедить команду внедрить это решение.
Сервис базы знаний и инсайтов из пользовательских исследований Marvin провёл опрос 300 исследователей и потребителей исследований. Они попытались сделать срез того, как работает профессия сейчас.
Инструмент для относительного точного рисования пером в браузере.
Инструмент дизайна в браузере, который умеет в разные шейдеры.
Эмолятор классических операционных систем.
Генератор сайтов и приложений по текстовому описанию от Яндекса.
Rosenfeld Media запускают новую конференцию Shift UX. Она собрала вместе сразу несколько тем: системное мышление, исследования, ИИ-инструменты, менеджмент.
Luke Wroblewski рассказывает о концепции «слоя подруливания», который даёт генеративному ИИ достаточно вводных о гайдлайнах, дизайн-системе и стандартах в целом. Так экраны и макеты получаются точнее.
Библиотека создает экран загрузки (скелетон) на базе вашего обычного экрана. Причём выдаёт готовый код на React.
Baymard выпустили новое масштабное исследование сервисов бронирования авиабилетов. И делятся основными выдержками оттуда.
Михаил Просмицкий на пальцах объясняет, почему ИИ плохо влияет на accessibility. Плохие решения генерировать проще и дешевле.
Leonardo de la Rocha собрал временную команду дизайнеров и разработчиков, чтобы разобраться с дизайн-долгом. Благодаря тому, что задачи не переходили от одного этапа процесса к другому в классических спринтах разных команд, они смогли перебрать многомесячный беклог за неделю.
Бибилотека компонентов на React для просмотрщиков PDF, DOCX, XLSX и CSV.
Buzz Usborne рассуждает, как меняются процессы discovery и delivery в продуктовой работе с приходом ИИ. Какова роль дизайнера в них и где есть ложные ожидания.
Команда Aave рассказывает, как реализовала эффекты «жидкого стекла» в браузере.
Шикарные рассуждения Murphy Trueman о том, как меняется управление дизайн-системой как продуктом и командой в эпоху ИИ-агентов. Что уже происходит, какие новые проблемы приходится или придётся решать, куда всё движется дальше.
Открытая дизайн-система от Меты, которой помогла случиться команда Storybook. Она изначально ориентирована на ИИ.
И ещё несколько примеров реальных дизайн-систем, которые адаптированы под ИИ:
Ben Callahan рассуждает: команда дизайн-системы поднимает нижнюю планку того, какими могут быть продукты. И уже продуктовая команда — повышает потолок.
Matt Ström-Awn рассуждает о дизайн-стратегии в современных микро-командах в эпоху ИИ. И стратегии в целом.
Addy Osmani описывает концепцию Loop Engineering — следующий этап зрелости в управлении ИИ-агентами. Здесь вы уже не пишете текстовые запросы, а задаёте общую логику, в рамках которой агент сам ставит себе задачи и проверяет себя.
Kate Moran и Sarah Gibbons из Nielsen/Norman Group провели исследование того, как вайб-кодеры с небольшой подкованностью в разработке воспринимают взаимодействие с такими инструментами разработки.
GitHub сделали ИИ-агента для улучшения accessibility в коде. Eric Bailey описывает, как это работает и какие проблемы отлавливает.
Коллекция кусочков кода анимации в браузере от Jakub Antalik.
JavaScript-библиотека для создания трёхмерной воксельной графики в браузере.
Принципы хорошей анимации, описанные в формате Markdown для ИИ-агентов. Само по себе ценности не имеет, но как маркер времени — занятный артефакт.
User Interviews провели опрос 150 пользовательских исследователей о том, как они относятся к синтетическим респондентам и как используют их в работе.
Jim Lewis и Jeff Sauro описывают 5 типов синтетических пользователей. Их особенности, ограничения.
Elisa Maira и Niels-Peter Foppen описывают метод пользовательских исследований для людей с ограниченными возможностями. Как отличается процесс и что важно учитывать.
Катя Ильиных из Контура напоминает, когда достаточно малого количества респондентов в пользовательских исследованиях, а когда — нет.
Rachel Banawa из Nielsen/Norman Group подсказывает, как определить и отсечь ответы ботов в опросниках.
Maria Rosala из Nielsen/Norman Group предлагает несколько способов вознаграждения для респондентов дневниковых исследований. Они длительные и трудозатратные — важно, чтобы пользователи не отваливались и не давали мусорные записи.
Как обстоят дела с поддержкой accessibility в письмах рассылки в 2026 году.
Amber Bouabdallah рассказывает, как дизайнеры Salesforce устроили рабочую группу для совместного изучения и внедрения ИИ-инструментов. Это похоже на то, как сейчас происходит в других компаниях.
Allen Pike рассуждает на тему жизнеспособности затеи «управляем ИИ голосом, а результаты смотрим глазами». К ней много вопросов и по удобству, и по готовности технологий.
Инструкция Kris Puckett по работе с Xcode для дизайнеров. Как настроить его и связать с Claude, как делать первые приложения.
Дизайнеры GOV.uk обновили карту компетенций для роли контент-дизайнера. Полная карта.
Kate Kalcevich наглядно показывает, какие проблемы испытывают пользователи с особенностями восприятия информации по сравнению с обычными. Она провела тест на трёх прототипах и привела количетво проблем для обеих групп.
Одна из самых зрелых рефлексий на использование ИИ в дизайне от José Torre. Он прошёл хороший путь от первых простых применений до полного ва-банка и понял, где границы полезности и вреда.
Donny D'Amato призывает помнить о законе Conway — организационная структура определяет развитие в том числе дизайн-системы. Его подход радикальный — позволить управляемый хаос. Но общая мысль про столкновение идеи управляемости и этого хаоса — верная.
Murphy Trueman подсвечивает, что косяки ИИ в использовании дизайн-системы вызваны не только галлюцинациями. Часто это двойственность и нечёткость самих правил дизайн-системы — в таком и обычный дизайнер путается.
Luca Masud из Slack показывает, как он прототипировал с помощью ИИ достаточно сложные комбинации размеров компонента под реальные ситуации. Правда, история с карточной сортировкой через ИИ — чистое шарлатанство.
