Чуток свежих интерфейсных паттернов и лучших практик:
1. A11Y.md: Контекстная инструкция для ИИ-моделей по поддержке accessibility. Это MD-файл, который загружается в сессию работы с нейронкой.
2. Durgesh Rajubhai Pawar перечисляет пачку типичных проблем с accessibility в коде, сгенерированном ИИ. И показывает, как их исправить.
3. AI Interaction Atlas: Большой каталог паттернов дизайна для ИИ-продуктов и взаимодействия с ИИ в целом.
4. NN/g: Чеклист лучших практик при дизайне чат-ботов на сайтах компаний. Как они должны работать, чтобы помогать пользователям и не конфликтовать с другими частями интерфейса.
5. Raghvi Kabra: Дизайн интерфейса приложения Adobe Aqua для детей. Как родилась идея, какие концепты они перебирали, что узнали о пользователях.
6. Claude Piché: Дизайн интерфейса второй версии Adobe Express. Как они пришли к концепции «сделай-бота» вместо «чат-бота», который решает конкретные задачи, а не просто трепется.
7. Ollie Fielding: Как неправильно делать формы для ввода медицинских данных. И что можно улучшить в них.
8. Demelza Feltham: Советы по улучшению интерфейсов для пользователей с тревожностью.
#patterns
1. A11Y.md: Контекстная инструкция для ИИ-моделей по поддержке accessibility. Это MD-файл, который загружается в сессию работы с нейронкой.
2. Durgesh Rajubhai Pawar перечисляет пачку типичных проблем с accessibility в коде, сгенерированном ИИ. И показывает, как их исправить.
3. AI Interaction Atlas: Большой каталог паттернов дизайна для ИИ-продуктов и взаимодействия с ИИ в целом.
4. NN/g: Чеклист лучших практик при дизайне чат-ботов на сайтах компаний. Как они должны работать, чтобы помогать пользователям и не конфликтовать с другими частями интерфейса.
5. Raghvi Kabra: Дизайн интерфейса приложения Adobe Aqua для детей. Как родилась идея, какие концепты они перебирали, что узнали о пользователях.
6. Claude Piché: Дизайн интерфейса второй версии Adobe Express. Как они пришли к концепции «сделай-бота» вместо «чат-бота», который решает конкретные задачи, а не просто трепется.
7. Ollie Fielding: Как неправильно делать формы для ввода медицинских данных. И что можно улучшить в них.
8. Demelza Feltham: Советы по улучшению интерфейсов для пользователей с тревожностью.
#patterns
GitHub
GitHub - fecarrico/A11Y.md: A context system for building accessible software by default — for developers and AI, with enforceable…
A context system for building accessible software by default — for developers and AI, with enforceable rules aligned to WCAG. - fecarrico/A11Y.md
🔥16❤7
Дайджест продуктового дизайна за апрель 2026.
Брендинг ИИ-продуктов, новые парадигмы взаимодействия команд, анализ юзабилити через ИИ, грейды пользовательских исследователей, темы для дизайн-систем, accessibility, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
Брендинг ИИ-продуктов, новые парадигмы взаимодействия команд, анализ юзабилити через ИИ, грейды пользовательских исследователей, темы для дизайн-систем, accessibility, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
❤8🔥2
Анонсы обновлений Android окончательно сместились с флагманской конференции Google I/O (19–20 мая) на отдельное меро Android Show, которая прошла за неделю до этого.
Глобальный махач компаний сейчас вокруг ИИ, так что новостей чисто жменя на сдачу. Да и саму операционку теперь позиционируют как «интеллектуальную систему». Обозревать по дизайну особо-то и нечего, но традиция есть традиция. Вот что наскреблось:
Material Design:
— Развёрнутые гайдлайны по лейаутам и их адаптивности.
— Обновлённая система отступов с учётом адаптивности и разной плотности экранов.
— Экспрессивные списки, меню и поиск.
Android 17
— ИИ-агент Gemini Intelligence для телефонов и носимых устройств. Обещает автоматизировать рутинные задачи. API AppFunctions даёт ему доступ ко многим возможностям телефона.
— Gemini встроен и в мобильный Chrome. Он сможет сам ходить по интернету по вашим задачам.
— Поддержка AirDrop для большого количества устройств.
— Генерирует QR-код, чтобы быстро поделиться любым файлом с другим пользователем
— Новые эмоджи.
— Можно записать видео с вами поверх любого открытого приложения, чтобы потом обсудить это с кем-то в чате.
— Функция Pause Point ставит задержку на запуск вредных и залипательных приложений.
— Улучшена защита от мошенников и безопасность в целом.
Бета-версия доступна в четвёртой итерации для смельчаков.
Googlebook
Это замена Chromebook, которая работает на Android.
Новая интерфейсная концепция Magic Pointer. Это специальный режим курсора, который позволяет объяснять, ремикшировать и в целом широко взаимодействовать с элементами на экране.
Эти новые устройства только усиливают важность адаптивных интерфейсов. Поэтому в Google:
— Опубликовали гайдлайны;
— Улучшили памятку по адаптации экранов;
— Развили библиотеку примеров.
Android Auto
Редизайн в духе Material 3 Expressive и поддержка нестандартных экранов.
А ещё — виджеты и иммерсивная навигация.
Android Wear 7
Виджеты, live updates и ИИ-агент Gemini Intelligence.
Android XR
Что изменилось в новом developer preview.
Готовят к выпуску очки вместе с Samsung в дизайнах Gentle Monster и Warby Parker.
———
На самом Google I/O всё было вокруг Gemini и других ИИ-моделей и интеграций. Парочка самых интересных:
— Google Omni: Новая модель развивает возможности Nano Banana и позволяет создать видео по любым вводным — описание, фото, другие видео, аудио и т.п.
— Google Pics: Простой фоторедактор на базе Nano Banana.
— Gemini Spark: Агент, который может работать автономно.
— Поиск Google: Теперь всё больше похож на расширяющееся поле ввода чат-бота.
Обзор ключевых изменений вокруг Android для разработчиков.
Занятно, что обновления интерфейсов мобильных операционок в эпоху ИИ-FOMO становятся такими же малоинтересными, как и свежее в ОС для компьютеров. Хотя почти 20 лет были одними из главных генераторов прогресса. И произошло это буквально за пару лет.
#android #materialdesign
Глобальный махач компаний сейчас вокруг ИИ, так что новостей чисто жменя на сдачу. Да и саму операционку теперь позиционируют как «интеллектуальную систему». Обозревать по дизайну особо-то и нечего, но традиция есть традиция. Вот что наскреблось:
Material Design:
— Развёрнутые гайдлайны по лейаутам и их адаптивности.
— Обновлённая система отступов с учётом адаптивности и разной плотности экранов.
— Экспрессивные списки, меню и поиск.
Android 17
— ИИ-агент Gemini Intelligence для телефонов и носимых устройств. Обещает автоматизировать рутинные задачи. API AppFunctions даёт ему доступ ко многим возможностям телефона.
— Gemini встроен и в мобильный Chrome. Он сможет сам ходить по интернету по вашим задачам.
— Поддержка AirDrop для большого количества устройств.
— Генерирует QR-код, чтобы быстро поделиться любым файлом с другим пользователем
— Новые эмоджи.
— Можно записать видео с вами поверх любого открытого приложения, чтобы потом обсудить это с кем-то в чате.
— Функция Pause Point ставит задержку на запуск вредных и залипательных приложений.
— Улучшена защита от мошенников и безопасность в целом.
Бета-версия доступна в четвёртой итерации для смельчаков.
Googlebook
Это замена Chromebook, которая работает на Android.
Новая интерфейсная концепция Magic Pointer. Это специальный режим курсора, который позволяет объяснять, ремикшировать и в целом широко взаимодействовать с элементами на экране.
Эти новые устройства только усиливают важность адаптивных интерфейсов. Поэтому в Google:
— Опубликовали гайдлайны;
— Улучшили памятку по адаптации экранов;
— Развили библиотеку примеров.
Android Auto
Редизайн в духе Material 3 Expressive и поддержка нестандартных экранов.
А ещё — виджеты и иммерсивная навигация.
Android Wear 7
Виджеты, live updates и ИИ-агент Gemini Intelligence.
Android XR
Что изменилось в новом developer preview.
Готовят к выпуску очки вместе с Samsung в дизайнах Gentle Monster и Warby Parker.
———
На самом Google I/O всё было вокруг Gemini и других ИИ-моделей и интеграций. Парочка самых интересных:
— Google Omni: Новая модель развивает возможности Nano Banana и позволяет создать видео по любым вводным — описание, фото, другие видео, аудио и т.п.
— Google Pics: Простой фоторедактор на базе Nano Banana.
— Gemini Spark: Агент, который может работать автономно.
— Поиск Google: Теперь всё больше похож на расширяющееся поле ввода чат-бота.
Обзор ключевых изменений вокруг Android для разработчиков.
Занятно, что обновления интерфейсов мобильных операционок в эпоху ИИ-FOMO становятся такими же малоинтересными, как и свежее в ОС для компьютеров. Хотя почти 20 лет были одними из главных генераторов прогресса. И произошло это буквально за пару лет.
#android #materialdesign
io.google
Google I/O 2026
Don't miss Google I/O, featuring product launches, innovations, and insights. Tune in for the live keynotes and sessions.
👍11❤7
Пачка свежих материалов о дизайн-менеджменте:
1. NN/g: Как проводить разбор итогов проекта или постмортем. Чем этот формат отличается от ретро, когда и в каком формате его лучше делать.
2. Контур и команда пользовательских исследователей: — Адаптация новых специалистов в компании.
— Профессиональное развитие. Как строится план развития и через что качаются навыки.
— Грейды Что они умеют и чему учатся на каждом.
— Тестовые задания. Как они распределяются внутри команды для оценки, как проходит сама оценка.
3. Гиги Джанелидзе (Яндекс, МТС, Сбер, TBC Bank) выпустил книгу «Лидерство как дизайн». Она доступна через Телеграм-бота.
4. Luke Wroblewski: Напоминает, что создание макетов никогда не было самой главной и самой сложной задачей дизайнера. И то, что менеджеры продуктов и разработчики сами стали генерировать макеты —можно использовать как мостик для современного процесса ко-дизайна. Тогда проще прийти к единому пониманию, какой именно продукт и для кого запускает команда.
5. Т-Банк: Карта компетенций дизайнера. Она включает разные ветки — продуктовый и графический дизайн, бренд. На сайте есть интерактивная версия, плюс шаблон в Фигме. Обзорная статья.
6. NN/g: Как дизайн-менеджер может связать несколько разрозненных команд в компании, чтобы решить комплексную проблему пользователей. Она также даёт несколько полезных шаблонов.
7. Figma: Разработчик Alex Kern и дизайнер Gui Seiz рассуждают об изменении процесса между ролями при работе над продуктом. Как смываются грани и сближаются эти два мира.
8. Andrew Caims: Концепция когнитивного долга в работе над продуктами. Он пишет применительно к разработке, но это применимо и к дизайну.
9. Erika Flowers: Предлагает осовременить дизайн-процесс вокруг двойного алмаза за счёт связки ИИ-инструментов и методов. Она назвала свой фреймворк Zero-Vector Design и описывает, как он устроен. Декларация. Шаблоны для нейронок.
#management
1. NN/g: Как проводить разбор итогов проекта или постмортем. Чем этот формат отличается от ретро, когда и в каком формате его лучше делать.
2. Контур и команда пользовательских исследователей: — Адаптация новых специалистов в компании.
— Профессиональное развитие. Как строится план развития и через что качаются навыки.
— Грейды Что они умеют и чему учатся на каждом.
— Тестовые задания. Как они распределяются внутри команды для оценки, как проходит сама оценка.
3. Гиги Джанелидзе (Яндекс, МТС, Сбер, TBC Bank) выпустил книгу «Лидерство как дизайн». Она доступна через Телеграм-бота.
4. Luke Wroblewski: Напоминает, что создание макетов никогда не было самой главной и самой сложной задачей дизайнера. И то, что менеджеры продуктов и разработчики сами стали генерировать макеты —можно использовать как мостик для современного процесса ко-дизайна. Тогда проще прийти к единому пониманию, какой именно продукт и для кого запускает команда.
5. Т-Банк: Карта компетенций дизайнера. Она включает разные ветки — продуктовый и графический дизайн, бренд. На сайте есть интерактивная версия, плюс шаблон в Фигме. Обзорная статья.
6. NN/g: Как дизайн-менеджер может связать несколько разрозненных команд в компании, чтобы решить комплексную проблему пользователей. Она также даёт несколько полезных шаблонов.
7. Figma: Разработчик Alex Kern и дизайнер Gui Seiz рассуждают об изменении процесса между ролями при работе над продуктом. Как смываются грани и сближаются эти два мира.
8. Andrew Caims: Концепция когнитивного долга в работе над продуктами. Он пишет применительно к разработке, но это применимо и к дизайну.
9. Erika Flowers: Предлагает осовременить дизайн-процесс вокруг двойного алмаза за счёт связки ИИ-инструментов и методов. Она назвала свой фреймворк Zero-Vector Design и описывает, как он устроен. Декларация. Шаблоны для нейронок.
#management
Nielsen Norman Group
Project Postmortems for UX Teams: Learning from Success and Failure
Although postmortems are one of the most powerful learning tools in product development, most teams haven't yet discovered how to use them effectively.
🔥11❤7👍2
Немного нового о свежих интерфейсных паттернах и практиках:
1. Magic Pointer: Новая интерфейсная концепция, заточенная под ИИ. Это специальный режим курсора, который позволяет объяснять, ремикшировать и в целом широко взаимодействовать с элементами на экране.
2. WebAIM: Проверили миллион главных страниц сайтов в интернете на поддержку accessibility. Они подсветили основные проблемы по итогу.
3. IBM: Толковые публикации о концепции Explainable AI. И выделили несколько ключевых тезисов из них.
4. NN/g: Шпаргалка по работе с текстами в интерфейсах на основе мнений экспертов. Это обзор по ключевым темам: Простота, тональность, жаргонизмы, структура, SEO и согласования.
5. David Mello: Автоматизированные инструменты проверки accessibility пропускают до 60-70% проблем. Как исправить это.
6. NN/g: Исследование поискового поведения китайских пользователей. Почему сильно упала доля классического поисковика Baidu и как они балансируют между ИИ-чат-ботами и привычным поиском.
#patterns
1. Magic Pointer: Новая интерфейсная концепция, заточенная под ИИ. Это специальный режим курсора, который позволяет объяснять, ремикшировать и в целом широко взаимодействовать с элементами на экране.
2. WebAIM: Проверили миллион главных страниц сайтов в интернете на поддержку accessibility. Они подсветили основные проблемы по итогу.
3. IBM: Толковые публикации о концепции Explainable AI. И выделили несколько ключевых тезисов из них.
4. NN/g: Шпаргалка по работе с текстами в интерфейсах на основе мнений экспертов. Это обзор по ключевым темам: Простота, тональность, жаргонизмы, структура, SEO и согласования.
5. David Mello: Автоматизированные инструменты проверки accessibility пропускают до 60-70% проблем. Как исправить это.
6. NN/g: Исследование поискового поведения китайских пользователей. Почему сильно упала доля классического поисковика Baidu и как они балансируют между ИИ-чат-ботами и привычным поиском.
#patterns
Google DeepMind
Shaping the future of AI interaction by reimagining the mouse pointer
Google DeepMind is transforming the mouse pointer into a context-aware AI partner. Move beyond the friction of traditional prompting with intuitive AI collaboration in Chrome and beyond.
❤10🤔1
В понедельник прошла ежегодная WWDC, выставка новых операционок Apple. Всё про оптимизацию прошлогоднего запуска «жидкого стекла» и внедрение Apple Intelligence.
Оптимизируют и дизайн-решения — можно вручную настроить стилизацию интерфейсов. И производительность работы самой ОС и приложений. На полировку крупного редизайна такой большой платформы нужно полтора-два года, они как раз набегут к осени.
Иконки приложений теперь тоже используют «жидкое стекло».
Apple Intelligence и новую Siri спустя два года всё-таки запустили и встроили везде. За основу взяли Google Gemini и своих моделей. Она работает через «динамический остров» и новое отдельное приложение в привычном чате. А также интегрирована в стандартные приложения, может искать по файлам и другому контенту, распознавать то что видит камера.
Xcode пришёл в ИИ-эпоху — теперь это тоже среда агентной разработки. Видео с разбором возможностей.
iOS 27:
Самое интересное в развитии «жидкого стекла» — то, как выглядит работа с Siri. Вид самого пузыря, эффекты нижней границы динамического острова и вся динамика его работы — ещё выглядит ещё тактильнее.
В фотографиях можно поменять ракурс — нейронка дорисует недостающие части. И стало проще генерировать Genmoji.
Энтузиасты нашли следы поддержки гибких экранов, про которые говорят давно и даже утекал какой-то прототип.
Полезные видео для дизайнеров:
— 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 пока есть только для Sketch. Но энтузиасты уже наклепали шаблонов в сообществе Figma: динамический остров с Siri, жидкое стекло в целом и всякое такое.
iPadOS 27, watchOS 27, macOS Golden Gate — всё так же про общий тюнинг и доработки жидкого стекла.
visionOS 27:
Полезные видео для дизайнеров:
— Design immersive environments for visionOS apps and the spatial web
— Design no-code games with Reality Composer Pro 3
Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в конце июня, а разработчики могут поставить её уже сейчас.
#ios #trends #events
Оптимизируют и дизайн-решения — можно вручную настроить стилизацию интерфейсов. И производительность работы самой ОС и приложений. На полировку крупного редизайна такой большой платформы нужно полтора-два года, они как раз набегут к осени.
Иконки приложений теперь тоже используют «жидкое стекло».
Apple Intelligence и новую Siri спустя два года всё-таки запустили и встроили везде. За основу взяли Google Gemini и своих моделей. Она работает через «динамический остров» и новое отдельное приложение в привычном чате. А также интегрирована в стандартные приложения, может искать по файлам и другому контенту, распознавать то что видит камера.
Xcode пришёл в ИИ-эпоху — теперь это тоже среда агентной разработки. Видео с разбором возможностей.
iOS 27:
Самое интересное в развитии «жидкого стекла» — то, как выглядит работа с Siri. Вид самого пузыря, эффекты нижней границы динамического острова и вся динамика его работы — ещё выглядит ещё тактильнее.
В фотографиях можно поменять ракурс — нейронка дорисует недостающие части. И стало проще генерировать Genmoji.
Энтузиасты нашли следы поддержки гибких экранов, про которые говорят давно и даже утекал какой-то прототип.
Полезные видео для дизайнеров:
— 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 пока есть только для Sketch. Но энтузиасты уже наклепали шаблонов в сообществе Figma: динамический остров с Siri, жидкое стекло в целом и всякое такое.
iPadOS 27, watchOS 27, macOS Golden Gate — всё так же про общий тюнинг и доработки жидкого стекла.
visionOS 27:
Полезные видео для дизайнеров:
— Design immersive environments for visionOS apps and the spatial web
— Design no-code games with Reality Composer Pro 3
Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в конце июня, а разработчики могут поставить её уже сейчас.
#ios #trends #events
Apple Developer
There’s never been a better time to develop for Apple platforms.
❤15
Что нового в дизайн-менеджменте? А вот:
1. Designer Fund: Провели опрос среди более 900 специалистов о текущем состоянии ИИ в дизайне. К отчёту идут полезные статьи. Например, о современных дизайн-командах — как они меняются по составу, количеству, требованиям, инструментам, форматам взаимодействия между ролями.
2. NN/g: Как держать всех заинтересованных лиц в курсе обновлений после сессии дизайн-критики. И почему важно делать это, чтобы сохранить кредит доверия.
3. Sean Escriva: Подсвечивает коллизию между двумя процессами работы над продуктом — современными командами из людей и ИИ-агентами. Первым нужно достаточно свободы при понятной цели, вторым — дотошно описанные процедуры, чтобы они не налажали. При этом нельзя выбрать один из них — нужна состыковка.
4. NN/g: Типичные проблемы доверия и взаимодействия дизайнеров в продуктовых командах. Они составлены на основе полутора сотен студентов курса NN/g.
5. NN/g: Шикарная памятка помогает пользовательским исследователям добавить рекомендации из отчётов в продуктовый план. Этот подход применим для любых дизайнерских инициатив. Как ранжировать продукты и команды по полезности вложений времени в них.
6. Matt Ström-Awn: Рассуждает о дизайн-стратегии в современных микро-командах в эпоху ИИ. И стратегии в целом.
#management
1. Designer Fund: Провели опрос среди более 900 специалистов о текущем состоянии ИИ в дизайне. К отчёту идут полезные статьи. Например, о современных дизайн-командах — как они меняются по составу, количеству, требованиям, инструментам, форматам взаимодействия между ролями.
2. NN/g: Как держать всех заинтересованных лиц в курсе обновлений после сессии дизайн-критики. И почему важно делать это, чтобы сохранить кредит доверия.
3. Sean Escriva: Подсвечивает коллизию между двумя процессами работы над продуктом — современными командами из людей и ИИ-агентами. Первым нужно достаточно свободы при понятной цели, вторым — дотошно описанные процедуры, чтобы они не налажали. При этом нельзя выбрать один из них — нужна состыковка.
4. NN/g: Типичные проблемы доверия и взаимодействия дизайнеров в продуктовых командах. Они составлены на основе полутора сотен студентов курса NN/g.
5. NN/g: Шикарная памятка помогает пользовательским исследователям добавить рекомендации из отчётов в продуктовый план. Этот подход применим для любых дизайнерских инициатив. Как ранжировать продукты и команды по полезности вложений времени в них.
6. Matt Ström-Awn: Рассуждает о дизайн-стратегии в современных микро-командах в эпоху ИИ. И стратегии в целом.
#management
Stateofaidesign
Teams - AI in Design Report 2026
Most designers in tech now use AI daily. See what tools they use and the surge in custom tool building. From the AI in Design 2026 report.
👍17❤2
Ежегодная презентация крупных продуктовых рывков Figma Config 2026 прошла 23–25 июня в Сан-Франциско. Получился один из самых сильных запусков за всю историю, который крепко тащит нас всех в будущее инструментов дизайна.
Вот что было по основным направлениям:
Слои с кодом в Figma
Это главный космос из показанного, да и на рынке вообще. Любой слой может стать слоем на базе кода — конвертировать в него дизайн или готовый подключить репозиторий кода. Такой слой становится интерактивным — можно взаимодействовать с интерфейсом как с интерактивным прототипом.
Самый огонь-пожар, что при взаимодействии с этим прототипом можно вытащить любые состояния как редактируемые макеты. Изучить внимательно, поправить их как обычный дизайн и снова закоммитить в репозиторий. Делать ветки для отдельных версий через простое дублирование слоёв кода.
Всё это работает благодаря глубокой интеграции Figma Make под капотом — они сделали много таких фундаментальных решений за последние месяцы. Например, диктовать команды голосом.
Figma Motion
Полноценные инструменты анимации прямо в Figma, вместе с таймлайном. Можно автоматически записать ключевые кадры, если подвигать элементы или описать словами агенту. Всё летает шустро, моментально показывает все доработки на лету.
Можно анимировать шейдеры, есть оркестровка и стилистические заготовки для быстрого старта. На подходе 3D-трансформации.
Упрощается работа с дизайн-системами, которые описывают анимацию — появились специальные переменные. Её тоже можно быстро перегонять в код и разбирать в DevMode, читать по MCP. Всё это можно экспортировать в видео-файлы и гифки.
Агент Figma
Скоро будет работать в других инструментах — FigJam, Figma Slides. Получит навыки, плагины, сможет загружать вложения. Коллеги смогут видеть ваши чаты с агентом и лучше понимать контекст.
Генеративные плагины
Делать свои микро-инструменты дизайна стало ещё проще — можно сгенерировать плагин по текстовому описанию. Он будет жить в конкретном файле Figma и выглядеть нативно.
Шейдеры
Их тоже можно создавать через агента —'эффекты, текстуры и трансформации; статические, динамические и интерактивные. Можно определить настраиваемые параметры, которые станут стандартным интерфейсом.
Figma Weave
Наконец-то началась интеграция Weave в основной интерфейс Figma. Пока это 20 первых цепочек обработки типа стилизации, фотосессий товара, накладывания лого на мерч или генерации мокапов, но скоро можно будет создавать свои. По сути они упрощают весь пайплайн до «что на входе» и «что на выходе» (вся механика под капотом).
Макет Figma может стать узлом в пайплайне интерфейса Weave. Конечно, больше всего ждали более тесной интеграции Weave в основной редактор. Но, видимо, это всё совсем нетривиально.
Обзор ключевых анонсов. И полное видео с кучей деталек. Оно абсолютно стоит того, чтобы посмотреть внимательно. Ребята создают мир гибкого и контекстного применения ИИ, который уводит нас из каменного века prompt-driven инструментов — лет через десять над ним будут угорать, как над эпохой перфокарт.
Можно запросить ранний доступ ко всем этим запускам.
#figma #tools
Вот что было по основным направлениям:
Слои с кодом в Figma
Это главный космос из показанного, да и на рынке вообще. Любой слой может стать слоем на базе кода — конвертировать в него дизайн или готовый подключить репозиторий кода. Такой слой становится интерактивным — можно взаимодействовать с интерфейсом как с интерактивным прототипом.
Самый огонь-пожар, что при взаимодействии с этим прототипом можно вытащить любые состояния как редактируемые макеты. Изучить внимательно, поправить их как обычный дизайн и снова закоммитить в репозиторий. Делать ветки для отдельных версий через простое дублирование слоёв кода.
Всё это работает благодаря глубокой интеграции Figma Make под капотом — они сделали много таких фундаментальных решений за последние месяцы. Например, диктовать команды голосом.
Figma Motion
Полноценные инструменты анимации прямо в Figma, вместе с таймлайном. Можно автоматически записать ключевые кадры, если подвигать элементы или описать словами агенту. Всё летает шустро, моментально показывает все доработки на лету.
Можно анимировать шейдеры, есть оркестровка и стилистические заготовки для быстрого старта. На подходе 3D-трансформации.
Упрощается работа с дизайн-системами, которые описывают анимацию — появились специальные переменные. Её тоже можно быстро перегонять в код и разбирать в DevMode, читать по MCP. Всё это можно экспортировать в видео-файлы и гифки.
Агент Figma
Скоро будет работать в других инструментах — FigJam, Figma Slides. Получит навыки, плагины, сможет загружать вложения. Коллеги смогут видеть ваши чаты с агентом и лучше понимать контекст.
Генеративные плагины
Делать свои микро-инструменты дизайна стало ещё проще — можно сгенерировать плагин по текстовому описанию. Он будет жить в конкретном файле Figma и выглядеть нативно.
Шейдеры
Их тоже можно создавать через агента —'эффекты, текстуры и трансформации; статические, динамические и интерактивные. Можно определить настраиваемые параметры, которые станут стандартным интерфейсом.
Figma Weave
Наконец-то началась интеграция Weave в основной интерфейс Figma. Пока это 20 первых цепочек обработки типа стилизации, фотосессий товара, накладывания лого на мерч или генерации мокапов, но скоро можно будет создавать свои. По сути они упрощают весь пайплайн до «что на входе» и «что на выходе» (вся механика под капотом).
Макет Figma может стать узлом в пайплайне интерфейса Weave. Конечно, больше всего ждали более тесной интеграции Weave в основной редактор. Но, видимо, это всё совсем нетривиально.
Обзор ключевых анонсов. И полное видео с кучей деталек. Оно абсолютно стоит того, чтобы посмотреть внимательно. Ребята создают мир гибкого и контекстного применения ИИ, который уводит нас из каменного века prompt-driven инструментов — лет через десять над ним будут угорать, как над эпохой перфокарт.
Можно запросить ранний доступ ко всем этим запускам.
#figma #tools
Figma Config
Figma Config 2026
Config 2026: Figma’s conference for people who build products
🔥35❤20
Дайджест продуктового дизайна за май 2026. Android 17, каталог примеров DESIGN.md, внедрение рекомендаций из исследований, библиотека знаний о дизайн-системах, как отработать после сессии дизайн-критики, звуковой брендинг, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
❤8
Что нового в пользовательских исследования? А вот:
1. MeasuringU: Решили дотошно раскопать, насколько хорошо ИИ может выявлять интерфейсные проблемы в записях сессий пользовательских исследований. В первой статье из цикла они скормили нейронке такое видео и получили список проблем. А дальше проверили повторяемость результата и сравнили с оценками реальных специалистов.
Итоговый результат предсказуемый — значительная часть проблем, выявленных ИИ — это или ложная тревога, или галлюцинации.
2. NN/g: Способы вознаграждения для респондентов дневниковых исследований. Они длительные и трудозатратные — важно, чтобы пользователи не отваливались и не давали мусорные записи.
3. Elisa Maira и Niels-Peter Foppen: Метод пользовательских исследований для людей с ограниченными возможностями. Как отличается процесс и что важно учитывать.
4. User Interviews: Опрос 150 исследователей о том, как они относятся к синтетическим респондентам и как используют их в работе.
5. Jim Lewis и Jeff Sauro: 5 типов синтетических пользователей. Их особенности, ограничения.
6. athenahealth: Передовой подход к работе с базой знаний и инсайтов из пользовательских исследований. Благодаря связке Figma Make и репозитория инсайтов Marvin они пробуют генерировать прототипы улучшений интерфейса на базе проблем, которые подсветили пользователи.
7. NN/g: Как определить и отсечь ответы ботов в опросниках.
8. Jim Lewis и Jeff Sauro: Сколько лет опыта нужно пользовательскому исследователю, чтобы считаться старшим (senior) специалистом. Они опросили экспертов, прошлись по профилям LinkedIn и объявлениям о работе. Общее мнение — не меньше 5 лет.
9. Maze: Опрос около 500 пользовательских исследователей об использовании ИИ в их работе. Получился срез трендов в профессии, инструментах и методах.
10. Контур: Когда достаточно малого количества респондентов в исследованиях, а когда — нет.
11. NN/g: Памятка по отбору респондентов.
12. Jeffrey Sokolov: Обзор современного состояния инструментов для исследований в связке с ИИ. Что уже работает, а что пока сыровато.
13. Kate Kalcevich: Наглядно показывает, какие проблемы испытывают пользователи с особенностями восприятия информации по сравнению с обычными. Она провела тест на трёх прототипах и привела количетво проблем для обеих групп.
#research
1. MeasuringU: Решили дотошно раскопать, насколько хорошо ИИ может выявлять интерфейсные проблемы в записях сессий пользовательских исследований. В первой статье из цикла они скормили нейронке такое видео и получили список проблем. А дальше проверили повторяемость результата и сравнили с оценками реальных специалистов.
Итоговый результат предсказуемый — значительная часть проблем, выявленных ИИ — это или ложная тревога, или галлюцинации.
2. NN/g: Способы вознаграждения для респондентов дневниковых исследований. Они длительные и трудозатратные — важно, чтобы пользователи не отваливались и не давали мусорные записи.
3. Elisa Maira и Niels-Peter Foppen: Метод пользовательских исследований для людей с ограниченными возможностями. Как отличается процесс и что важно учитывать.
4. User Interviews: Опрос 150 исследователей о том, как они относятся к синтетическим респондентам и как используют их в работе.
5. Jim Lewis и Jeff Sauro: 5 типов синтетических пользователей. Их особенности, ограничения.
6. athenahealth: Передовой подход к работе с базой знаний и инсайтов из пользовательских исследований. Благодаря связке Figma Make и репозитория инсайтов Marvin они пробуют генерировать прототипы улучшений интерфейса на базе проблем, которые подсветили пользователи.
7. NN/g: Как определить и отсечь ответы ботов в опросниках.
8. Jim Lewis и Jeff Sauro: Сколько лет опыта нужно пользовательскому исследователю, чтобы считаться старшим (senior) специалистом. Они опросили экспертов, прошлись по профилям LinkedIn и объявлениям о работе. Общее мнение — не меньше 5 лет.
9. Maze: Опрос около 500 пользовательских исследователей об использовании ИИ в их работе. Получился срез трендов в профессии, инструментах и методах.
10. Контур: Когда достаточно малого количества респондентов в исследованиях, а когда — нет.
11. NN/g: Памятка по отбору респондентов.
12. Jeffrey Sokolov: Обзор современного состояния инструментов для исследований в связке с ИИ. Что уже работает, а что пока сыровато.
13. Kate Kalcevich: Наглядно показывает, какие проблемы испытывают пользователи с особенностями восприятия информации по сравнению с обычными. Она провела тест на трёх прототипах и привела количетво проблем для обеих групп.
#research
Measuringu
Can AI Detect Usability Problems? – MeasuringU
❤13
Всё больше нового в дизайн-системах — о том как управлять ими в эпоху ИИ. Ну и использовать при сборке продуктов:
1. Murphy Trueman: Чеклист по подготовке дизайн-системы для использования ИИ-агентами. Как строить архитектуру и конкретные решения для этого.
И ещё несколько отличных статей от неё:
— Шикарные рассуждения о том, как меняется управление дизайн-системой как продуктом и командой в эпоху ИИ-агентов. Что уже происходит, какие новые проблемы приходится или придётся решать, куда всё движется дальше.
— Активная генерация интерфейсов с помощью ИИ вроде как на базе токенов и компонентов дизайн-системы всё равно часто приводит к плохим экранам и сценариям взаимодействия.
— Косяки ИИ в использовании дизайн-системы вызваны не только галлюцинациями. Часто это двойственность и нечёткость самих правил дизайн-системы — в таком и обычный дизайнер путается.
2. @web-kits/audio: Библиотека для добавления звуков в интерфейс, которая интегрируется в дизайн-систему на React. Ставится как npm-пакет, позволяет описать звук на языке его параметров: частота, форма волны, огибающая громкости и другие.
3. Storybook 10.4: Автоматическая сборка живого гайдлайна для готовых компонентов через ИИ, простое отслеживание изменений компонентов, можно поделиться рабочей версией без публикации репозитория, поддержка фреймворка React TanStack, упрощение работы с React Native, meta-файлы компонентов для сторонних ИИ теперь идут из коробки.
4. Ben Callahan: Мощная памятка-шпаргалка по всем аспектам создания, развития и внедрения. Что важно знать и уметь современному специалисту по теме.
5. Много примеров реальных дизайн-систем, которые адаптированы под ИИ:
— Astryx Design System: Открытая от Меты, которой помогла случиться команда Storybook. Она изначально ориентирована на ИИ.
— Atlassian.
— CMS.
— IBM.
— Nord Health
6. Design System Documentation Spec: PJ Onori предложил свой стандарт спецификации дизайн-систем. Это набор описаний важных частей и составляющих, без привязки к конкретному фреймворку. Что в него входит и зачем он это затеял.
7. Ben Callahan: Команда дизайн-системы поднимает нижнюю планку того, какими могут быть продукты. И уже продуктовая команда — повышает потолок.
8. Nathan Curtis: Как лучше давать примеры наполнения компонентов. И в Storybook, и в Figma.
9. Donny D'Amato: Призывает помнить о законе Conway — организационная структура определяет развитие в том числе дизайн-системы. Его подход радикальный — позволить управляемый хаос. Но общая мысль про столкновение идеи управляемости и этого хаоса — верная.
10. Webflow: Компоненты теперь могут использовать анимацию на GSAP.
#designsystems
1. Murphy Trueman: Чеклист по подготовке дизайн-системы для использования ИИ-агентами. Как строить архитектуру и конкретные решения для этого.
И ещё несколько отличных статей от неё:
— Шикарные рассуждения о том, как меняется управление дизайн-системой как продуктом и командой в эпоху ИИ-агентов. Что уже происходит, какие новые проблемы приходится или придётся решать, куда всё движется дальше.
— Активная генерация интерфейсов с помощью ИИ вроде как на базе токенов и компонентов дизайн-системы всё равно часто приводит к плохим экранам и сценариям взаимодействия.
— Косяки ИИ в использовании дизайн-системы вызваны не только галлюцинациями. Часто это двойственность и нечёткость самих правил дизайн-системы — в таком и обычный дизайнер путается.
2. @web-kits/audio: Библиотека для добавления звуков в интерфейс, которая интегрируется в дизайн-систему на React. Ставится как npm-пакет, позволяет описать звук на языке его параметров: частота, форма волны, огибающая громкости и другие.
3. Storybook 10.4: Автоматическая сборка живого гайдлайна для готовых компонентов через ИИ, простое отслеживание изменений компонентов, можно поделиться рабочей версией без публикации репозитория, поддержка фреймворка React TanStack, упрощение работы с React Native, meta-файлы компонентов для сторонних ИИ теперь идут из коробки.
4. Ben Callahan: Мощная памятка-шпаргалка по всем аспектам создания, развития и внедрения. Что важно знать и уметь современному специалисту по теме.
5. Много примеров реальных дизайн-систем, которые адаптированы под ИИ:
— Astryx Design System: Открытая от Меты, которой помогла случиться команда Storybook. Она изначально ориентирована на ИИ.
— Atlassian.
— CMS.
— IBM.
— Nord Health
6. Design System Documentation Spec: PJ Onori предложил свой стандарт спецификации дизайн-систем. Это набор описаний важных частей и составляющих, без привязки к конкретному фреймворку. Что в него входит и зачем он это затеял.
7. Ben Callahan: Команда дизайн-системы поднимает нижнюю планку того, какими могут быть продукты. И уже продуктовая команда — повышает потолок.
8. Nathan Curtis: Как лучше давать примеры наполнения компонентов. И в Storybook, и в Figma.
9. Donny D'Amato: Призывает помнить о законе Conway — организационная структура определяет развитие в том числе дизайн-системы. Его подход радикальный — позволить управляемый хаос. Но общая мысль про столкновение идеи управляемости и этого хаоса — верная.
10. Webflow: Компоненты теперь могут использовать анимацию на GSAP.
#designsystems
Design Systems for AI
Is your design system AI-ready? | Free 10-minute assessment
Most teams don't know where they stand. This free 15-item assessment gives you a baseline score across documentation, component architecture, design-to-code connection, and workflow integration. Find your gaps and get specific recommendations.
🔥12❤4👍1