Библиотека иконок, которая доступна в виде компонентов для React, Svelte и Vue. А ещё — по MCP или через плагин для Figma.
Генератор моделей мира в реальном времени. Создаёт звуки, может показывать всё от первого или третьего лица.
Улучшенная модель в плане качества, точности и скорости. Можно сделать набросок от руки как основу для генерации. Появились шаблоны для типовых задач вроде мерча или плакатов.
9 ноября стартует третий поток моего нового курса — «Копилот цифрового брендинга» вместе с Bang Bang Education. Он поможет связать бренд с интерфейсом — это задача, которую я решал в Точка Банке, Muse Group (продукты Ultimate Guitar, MuseScore, Audacity и другие), Райффайзен Банке и Mail.ru Group.
За это время я описал и обкатал фреймворк, помогающий решить два главных разрыва:
Этот фреймворк помог вести проекты с топовыми глобальными агентствами вроде Collins, Design Studio (теперь — Further) и Verve. На каждом из уровне фреймворка есть набор инструментов и шаблонов к ним. Они помогают связать все уровни работы над брендом. В том числе убрать разрыв между цифровым продуктом и его маркетинговой коммуникацией.
Я постарался разложить пошаговый процесс работы над брендом на конкретные инструменты (их 26). К каждому из них идёт серия шаблонов, заполняя которые вы постепенно продвигаетесь к созданию того самого бренда, который выглядит, работает и ощущается цельно.
Я не буду учить вас делать конкретный визуальный стиль в конкретном инструменте дизайна. Но я научу вас тому, как найти этот стиль. А позже, при работе над любым стилем:
На первых потоках отучились арт-директоры, дизайн-директоры, креативные директоры, ведущие дизайнеры из отечественных компаний: 2GIS, Aviasales, ВТБ, Дом.ру, Иви, Kolesa Group, Lamoda, Mango Office, Mos.ru, МТС, Ozon, Палиндром, Pinkman, QIC Digital Hub, Райффайзен Банк, Ренессанс Страхование, Skyeng, Спортс.ру, Фоксфорд, VK, Циан, X5, Яндекс и других.
Курс будет идти на моей новой учебной платформе. Кстати, первый черновик книги на эту тему готов. Надеюсь принести ими ещё много пользы рынку и пользователям.
Седьмой год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? Результаты за 2025, 2024, 2023, 2021, 2020, 2019 и 2018.
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
Переменные дизайн-системы могут хранить прозрачность.
Motion: Теперь умеет в цельные стили анимации, аудио-дорожки и экспорт прямо в Lottie.
Weave: Можно подключить макет из Figma как одну из нод. И можно публиковать свои нодовые пайплайны в сообщество.
Запустили свой Дрибббл под названием Riffs.
Статьи:
Интервью с дизайн-командой Anthropic. Что изменилось и что осталось в фундаменте продуктовой работы в эпоху ИИ.
Интервью с дизайн-командой Linear. Что изменилось и что осталось в фундаменте продуктовой работы в эпоху ИИ.
Инструмент дизайна и его разработки, прокачанный ИИ и агентами. Базовый набор возможностей для такого продукта.
Генератор моделей мира в реальном времени. Создаёт звуки, может показывать всё от первого или третьего лица.
Internet Archive собрали эмуляторы разных экспериментов с ИИ из прошлого.
John Phamous подробно рассказывает, как Vercel выстроили систему навыков и оркестровку агентов, чтобы генерировать и проверять дизайн интерфейсов.
Candace Wilson поднимает правильный вопрос про реальное ускорение продуктовой работы с помощью ИИ. Команды часто путают быстрое создание проектных артефактов и реальную скорость попадания чего-то полезного к пользователю.
Библиотека позволяет управлять анимацией и визуальными эффектами в браузере. Это здорово работает для необычных и сложных визуальных приёмов. Можно подключить к одному из популярных фреймворков: React, Solid, Svelte, Vue или JavaScript.
Julien Thibeaut пошагово разбирает состав и поведение поля ввода для ИИ-чатов.
World Labs выпустили новую модель для генерации целых миров. Можно управлять камерой через путь её движения, замедлять/ускорять/останавливать отдельные объекты, создавать трёхмерные сцены на основе изображения.
Библиотека компонентов дизайн-системы для ИИ-продуктов. Она учитывает типичные ситуации и состояния в такой среде.
Памятка Céss White по адаптации iOS-приложений для складного iPhone Duo. Как поддержать самые базовые вещи, чтобы интерфейс хотя бы не сломался.
Сервис визуально показывает разницу между версиями в Git. Что изменилось на экране.
Gustavo Fior собирает маленькие полезные детали по дизайну интерфейсов. Это общее описание принципа, возможность пощупать его в коде и навык для ИИ-агентов.
Отличный стёб про то, как нейронки стреляют из пушки масштабных переделок по воробьям точечных изменений в дизайне.
Murphy Trueman рассуждает о разумном именовании токенов. Как лучше подходить к семантике и балансировать между краткостью и полнотой.
Aurélie Radom размышляет о меняющейся роли дизайнера в эпоху ИИ. Каждые несколько месяцев она корректируется и это один из самых свежих взглядов.
Patrick Neeman выделил пять эпох развития UX: человеческие факторы, интернет, мобильные, дизайн-системы и ИИ. Он разобрал ключевые концепции каждого этапа, причины успеха и провала.
Matt Soriano собрал компактный обзор основных гайдлайнов accessibility от WCAG. Есть и версия в MD-файле.
Rauno Freiberg наглядно показывает процесс работы над относительно простым элементом интерфейса. Это промо-блок в боковой панели Vercel.
Библиотека эффектной графики на базе WebGPU в браузере. Она заточена под агентов – работает и как навык, и через MCP. И в классическом формате для обычного разработчика.
Дизайн-инженер Paul Bakaus запустил личный сайт в виде пиксельной игры. Он подробно рассказывает, как делал его.
Коллекция индикаторов загрузки на React.
Генератор цветной ASCII-графики в браузере на основе изображения.
Buzz Usborne показывает, как перестроил дизайн-процесс в Help Scout с помощью ИИ. Три типичных для текущего времени направления — навыки с правилами хорошего дизайна, система прототипирования, адаптация дизайн-системы.
Joshua Leigh рассуждает о трёх видах заказчиков, которые делают дизайн без дизайнеров. Первые — по ошибке и незнанию, вторые — потому что это единственный вариант, третьи — из жадности.
Taylor Dykea из Nielsen/Norman Group предлагает фреймворк для обозначения роли ИИ в создании контента. Она также сделала обзор существующих исследований на тему — насколько всё это влияет на доверие к продукту.
Простые советы Fernanda Villalobos и Jeff Sauro по оформлению отчётов о пользовательских исследованиях.
Baymard выпустили новое сравнительное исследование сервисов по продаже билетов нв мероприятия. Malin Liljeblad выделила три ключевых инсайта.
Charlie Fountaine из GOV.uk описывает принципы создания и проверки прототипов в британских государственных сервисах. Причём неважно, делаете ли вы их по-классике или через ИИ.
MeasuringU разобрались: насколько ИИ-модераторы отбивают у респондентов желание общаться на интервью? Достаточно сильно — пользователи говорят сильно меньше, а нейронка — сильно больше человека. Это влияет на глубину собираемых ответов. Перед этим они копнули имеющиеся на рынке исследования на тему.
Lucas Plabst, Jeff Sauro и Jim Lewis изучили, могут ли цифровые двойники правдоподобно предполагать оценку метрики SUS. Спойлер: нет, они завышают оценку.
Will Schiavone, Eva Sundberg и Jeff Sauro повторили свой эксперимент по категоризации открытых ответов из опросника с помощью ИИ. В целом за три года стало лучше.
Luke Wroblewski научил своего бота лучше представлять результаты поиска. Теперь это не простыня текста, а чередование с иллюстрациями.
Настя из Контура изучила поведение глухих пользователей. Она делится опытом, какие методы и инструменты лучше использовать для этого.
Павел Самсонов напоминает, что скорость работы дизайнера в моменте — не обязательно приводит к хорошему для продукта результату. И помогает найти баланс.
Катя Халитова и Саша Иванов из Контура описали серию навыков для ИИ в помощь пользовательским исследователям. Они рассказывают о каждом и делятся ссылками на некоторые из них.
Скрипт позволяет аккуратно переносить строки внутри текста, чтобы это выглядело аккуратно со стороны вёрстки.
Отличная попытка Nate Baldwin найти реальную семантику в токенах размеров и расстояний в дизайн-системах. Часто команды останавливаются на псевдо-логике, а он сумел подобрать толковый подход через описание всей структуры блока.
Простой и толковый совет Ryan Singer по прототипированию интерфейсов для владельцев бизнеса.
Tey Bannerman предлагает фреймворк для типичных сценариев использования ИИ. Это Compression, Expansion, Reflection и Execution.
Навык для агентов помогает причесать интерфейс, который сгенерировал ИИ. Он использует правила дизайн-системы и другие правила, чтобы подчистить косяки нейронки.
Плагин для браузера помогает измерять размеры, отступы, шрифты и цвета на странице. В отличие от таких привычных инструментов — обещают легко передавать эти комментарии ИИ-агентам.
Jenny Lanier Wolski рассказывает о дизайн-системе Microsoft CoreAI, которую используют для разработчиков Azure. Как она адаптирована и для людей, и для ИИ-агентов.
Chris Bennett показывает, как добиться сверх-яркого белого на многих мониторах и браузерах.
Patrick Neeman рассуждает о стандартах и форматах, которые позволят ИИ-агентам и просто разным платформам генерировать предсказуемые интерфейсы на базе дизайн-системы. Он разбирает протоколы Google A2UI, Microsoft Adaptive Cards и другие. В эпоху, когда всё больше интерфейсов генерируются на лету — это обязательная часть дизайн-системы.
Christoph Hellmuth предложил свой анализатор готовности дизайн-системы к использованию с ИИ. Он проверяет дизайн-систему по набору параметров и выдаёт баллы по ним.
Ky Decker сделал регулярный опросник коллег по качеству дизайн-системы Scribe. И показывает, как он помог улучшить работу по всем этим показателям.
Nathan Curtis показывает, как генерировать код компонентов дизайн-системы с помощью его плагина Specs для Figma.
Nathan Curtis разбирается, как лучше передавать правила дизайн-системы в коде внутри версии для Figma. Он показывает разные примеры — иконки, изображения, суб-компоненты.
Donny D'Amato предлагает простой способ задать типографическую шкалу в токенах дизайн-системы.
Pip Shea описал манифест современного дизайн-инженера. Он использовал как ориентир похожий манифест разработчика.
