Forwarded from Дайджест продуктового дизайна
Ежегодная презентация крупных продуктовых рывков 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
Forwarded from Дайджест продуктового дизайна
Дайджест продуктового дизайна за май 2026. Android 17, каталог примеров DESIGN.md, внедрение рекомендаций из исследований, библиотека знаний о дизайн-системах, как отработать после сессии дизайн-критики, звуковой брендинг, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
Forwarded from Дайджест продуктового дизайна
Что нового в пользовательских исследования? А вот:
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
Forwarded from Дайджест продуктового дизайна
Всё больше нового в дизайн-системах — о том как управлять ими в эпоху ИИ. Ну и использовать при сборке продуктов:
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.
Forwarded from Дизайн-снайпер
Минутка нашего:
Нравится решение с простой и легкой типографикой. Главное — слово. Сразу понятно, что в коробочке — нежно.
«Нежно от Маргариты» — бренд уходовой косметики для волос от известного стилиста Маргариты Петровой.
Как говорят сами дизайнеры — команда «Пирс 5» построила визуальный образ вокруг личности основательницы и крафтового подхода к производству. Особенных фотографий и свободных пространств, легкости и свободы композиции и утонченности шрифта и каллиграфии.
Ключевым образом для всей визуальной систем стал ингредиент — вечерняя примула, цветок, раскрывающийся после заката, который стал метафорой всей айдентики.
Подпись основательницы бренда от руки на упаковке — хороший признак авторского подхода.
Вполне.
Нравится решение с простой и легкой типографикой. Главное — слово. Сразу понятно, что в коробочке — нежно.
«Нежно от Маргариты» — бренд уходовой косметики для волос от известного стилиста Маргариты Петровой.
Как говорят сами дизайнеры — команда «Пирс 5» построила визуальный образ вокруг личности основательницы и крафтового подхода к производству. Особенных фотографий и свободных пространств, легкости и свободы композиции и утонченности шрифта и каллиграфии.
Ключевым образом для всей визуальной систем стал ингредиент — вечерняя примула, цветок, раскрывающийся после заката, который стал метафорой всей айдентики.
Подпись основательницы бренда от руки на упаковке — хороший признак авторского подхода.
Вполне.
Forwarded from Адовый UX
Поздравляем, вы проиграли!
Менеджер свяжется с вами, чтобы дополнительно вас унизить
Менеджер свяжется с вами, чтобы дополнительно вас унизить
Forwarded from Адовый UX
This media is not supported in your browser
VIEW IN TELEGRAM
Сколько раз нужно нажать Not Now, чтобы можно было ехать
(если вы не хотите входить в свой Гугл-аккаунт)
(если вы не хотите входить в свой Гугл-аккаунт)
Forwarded from Адовый UX
За последние пять дней в платном канале вышло 10 статей. Среди них:
— Разбор того, почему приложения для изучения языков вроде Duolingo, Anki и Babbel унаследовали метод обучения, придуманный два века назад для мёртвой латыни, и как это иллюстрирует классическую ошибку продуктового дизайна — оптимизацию под то, что легко измерить, вместо того, что нужно пользователю
— Лонгрид-эссе с интерактивными демо о том, как интерфейсы должны уважать скорость и логику пальцев человека — и как поколения инженеров с 1960-х по наши дни решали задачу «отклик на скорости пальцев». Через историю печатных машинок, терминалов, клавиатур и тачпадов выводится набор принципов проектирования отзывчивых взаимодействий
— О том, чем бренд-маскот принципиально отличается от персонажа и почему одни бренд-фигуры живут десятилетиями, а другие приходится снимать с производства. Главный тезис: маскот живуч именно потому, что пуст внутри — это устойчивая оболочка без внутренней жизни, которую каждая эпоха заполняет своими смыслами
— Разбор японских графических символов, которые передают смысл без единого слова — от геральдических камон до знаков на машинах и жетонов в общественном транспорте, — и их связь с культурной практикой «чтения воздуха»
— История стартапа Subquadratic, который заявил, что решил математическую проблему, десятилетие тормозившую развитие больших языковых моделей, — и теперь подкрепил громкие заявления независимыми тестами Appen
Подпишитесь на😈 Адовый UX Pro, чтобы прочитать эти и другие годные статьи. Они публикуются там дважды в день
Это стоит очень дёшево:
— Оплата банковской картой, через кошелёк Телеграма
— Звездами
— Разбор того, почему приложения для изучения языков вроде Duolingo, Anki и Babbel унаследовали метод обучения, придуманный два века назад для мёртвой латыни, и как это иллюстрирует классическую ошибку продуктового дизайна — оптимизацию под то, что легко измерить, вместо того, что нужно пользователю
— Лонгрид-эссе с интерактивными демо о том, как интерфейсы должны уважать скорость и логику пальцев человека — и как поколения инженеров с 1960-х по наши дни решали задачу «отклик на скорости пальцев». Через историю печатных машинок, терминалов, клавиатур и тачпадов выводится набор принципов проектирования отзывчивых взаимодействий
— О том, чем бренд-маскот принципиально отличается от персонажа и почему одни бренд-фигуры живут десятилетиями, а другие приходится снимать с производства. Главный тезис: маскот живуч именно потому, что пуст внутри — это устойчивая оболочка без внутренней жизни, которую каждая эпоха заполняет своими смыслами
— Разбор японских графических символов, которые передают смысл без единого слова — от геральдических камон до знаков на машинах и жетонов в общественном транспорте, — и их связь с культурной практикой «чтения воздуха»
— История стартапа Subquadratic, который заявил, что решил математическую проблему, десятилетие тормозившую развитие больших языковых моделей, — и теперь подкрепил громкие заявления независимыми тестами Appen
Подпишитесь на
Это стоит очень дёшево:
— Оплата банковской картой, через кошелёк Телеграма
— Звездами
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Дизайн-снайпер
Минутка обложки:
Коллаж на обложке журнала The Atlantic и работы дизайнера Colin Hunter
Коллаж на обложке журнала The Atlantic и работы дизайнера Colin Hunter
Forwarded from Дизайн-снайпер
This media is not supported in your browser
VIEW IN TELEGRAM
Минутка четверга:
Доброе утро! Настроение четверга. Когда все ждут дизайнера, а дизайнер ждет вдохновения.
Доброе утро! Настроение четверга. Когда все ждут дизайнера, а дизайнер ждет вдохновения.
Forwarded from Дизайн-снайпер
Минутка концепции:
Концепция немецкого журнала DUMMY в оригинальности настроения обложки, которую создает новый, приглашенный арт-диретор. Хотя основное изменение это креативная фотка. Фотка с перекрытым пальцем объективом это топ и красиво.
Концепция немецкого журнала DUMMY в оригинальности настроения обложки, которую создает новый, приглашенный арт-диретор. Хотя основное изменение это креативная фотка. Фотка с перекрытым пальцем объективом это топ и красиво.
Forwarded from Дизайн-снайпер
This media is not supported in your browser
VIEW IN TELEGRAM
Минутка лица:
Твой взгляд, когда коллеги говорят, что у тебя немного криво получилось в дизайне
Твой взгляд, когда коллеги говорят, что у тебя немного криво получилось в дизайне