Дайджест продуктового дизайна
описание
Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны и тренды с 2009 года. 250 000 читателей на vc, VK и других каналах. Все выпуски — https://jvetrau.com/category/digest/ ВК — https://vk.com/pdigest РЕКЛАМЫ НЕТ.
50 056
подписчиков
Охват к подписчикам
13,0%
ERR
Реакции к просмотрам
0,22%
1 062 на 50 постов
Пересылки к просмотрам
1,04%
5 108
Постов в день
0,1
всего 52
Где отзываются чаще
доля реакций к просмотрам- 25 июн.Ежегодная презентация крупных продуктовых рывков 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 #tools0,84%
- 23 мар.без подписи0,48%
- 10 авг.Передовой край мысли в пользовательских исследованиях и просто хорошая крепкая база: 1. Adobe: Пять вопросов исследования, которые помогают делать хорошие продукты. 2. Steve Bromley: Калькулятор, который помогает посчитать отдачу от игровых тестов на разных этапах создания игры. Идея применима и к обычным пользовательским исследованиям. 3. Jeff Sauro и Jim Lewis: Пробуют вывести стандартизированный способ замера UX для ИИ-интерфейсов. Они начали с серии потенциальных вопросов для опросника. 4. NN/g: Предлагают формат файла UX.md по аналогии с DESIGN.md. Он хранит контекст знаний о пользователях. Ключевые выводы из пользовательских исследований, стандарты пользовательского взаимодействия, глоссарий, модели пользователей и мира. 5. Jeff Sauro и Jim Lewis: Пытаются непредвзято разобраться: можно ли хоть где-то использовать ИИ-модераторов пользовательских исследований? Это новая серия статей и они начали её с изучения существующих исследований и публикаций. 6. Marvin: Сервис базы знаний и инсайтов из пользовательских исследований провёл опрос 300 исследователей и потребителей исследований. Они попытались сделать срез того, как работает профессия сейчас. 7. Контур: Перекладывают когнитивную психологию и принципы работы мозга на простой язык сценариев взаимодействия. Анастасия Лестова здорово объясняет, как реагирует мозг пользователя на непривычные или непонятные вещи. 8. Chris Chapman: Точность для пользовательского исследования — это не только про методы. Это во многом про менеджерскую зрелость — как выбирать над чем работать относительно стратегии компании и как добиваться внедрения рекомендаций. 9. Victor Yocco: Формат дневниковых исследований для ИИ-продуктов. В чём особенности и отличия этого метода для такого взаимодействия. 10. Kitty Xu: Своё понимание Т-образного пользовательского исследователя. Почему важно делать фокус не только на методах, но и на влиянии на продукт. 11. Контур: Метод тест-сессий. Это упрощённая версия юзабилити-тестирования с сотрудниками компании вместо пользователей. В таком подходе много оговорок, но он точно поможет выявить очевидные проблемы перед тем, как идти к реальным пользователям. #research0,45%
- 22 дек.без подписи0,43%
- 10 февр.без подписи0,39%
- 12 мар.без подписи0,35%
- 16 февр.без подписи0,35%
- 8 июл.Всё больше нового в дизайн-системах — о том как управлять ими в эпоху ИИ. Ну и использовать при сборке продуктов: 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. #designsystems0,34%
- 18 июн.Что нового в дизайн-менеджменте? А вот: 1. Designer Fund: Провели опрос среди более 900 специалистов о текущем состоянии ИИ в дизайне. К отчёту идут полезные статьи. Например, о современных дизайн-командах — как они меняются по составу, количеству, требованиям, инструментам, форматам взаимодействия между ролями. 2. NN/g: Как держать всех заинтересованных лиц в курсе обновлений после сессии дизайн-критики. И почему важно делать это, чтобы сохранить кредит доверия. 3. Sean Escriva: Подсвечивает коллизию между двумя процессами работы над продуктом — современными командами из людей и ИИ-агентами. Первым нужно достаточно свободы при понятной цели, вторым — дотошно описанные процедуры, чтобы они не налажали. При этом нельзя выбрать один из них — нужна состыковка. 4. NN/g: Типичные проблемы доверия и взаимодействия дизайнеров в продуктовых командах. Они составлены на основе полутора сотен студентов курса NN/g. 5. NN/g: Шикарная памятка помогает пользовательским исследователям добавить рекомендации из отчётов в продуктовый план. Этот подход применим для любых дизайнерских инициатив. Как ранжировать продукты и команды по полезности вложений времени в них. 6. Matt Ström-Awn: Рассуждает о дизайн-стратегии в современных микро-командах в эпоху ИИ. И стратегии в целом. #management0,34%
- 21 окт. 2024 г.без подписи0,34%
- 27 маяПачка свежих материалов о дизайн-менеджменте: 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 и описывает, как он устроен. Декларация. Шаблоны для нейронок. #management0,32%
- 4 маяЧем дальше — тем больше свежих материалов об интеграции ИИ-инструментов с дизайн-системами. Но не только: 1. Design Tokens Visualizer: Сервис помогает наглядно увидеть связи между разными токенами и компонентами дизайн-системы. 2. Storybook 10.3: Самое главное — появился MCP-сервер и это сильно упрощает доступ ИИ-агентов к вашей дизайн-системе без корявых временных генераций и парсинга. Brad Frost поговорил с создателем фреймворка Dominic Nguyen о том, что это значит для дизайн-систем. 3. Alice Packard: Сравнивает все возможные способы организации иконок разного размера в дизайн-системе. Её рекомендация — компонент с вариантами, где размер задан как свойство компонента. 4. Brad Frost: Свежие наработки по генерации интерфейса в реальном времени на основе дизайн-системы через ИИ-команды. Это скорее обзор его свежих экспериментов, но достаточно разнообразный. 5. Nathan Curtis: Скрипт, который сильно удешевляет считывание нейронкой компонентов дизайн-системы в Figma. Это ускоряет процесс и не сжигает токены лишний зазря. 6. Figma Make: Может использовать вашу дизайн-систему и полезные файлы-вложения для понимания контекста. Дизайн-систему пока что нужно адаптировать в формат Make kit, но со временем такое должно быть автоматизировано. 7. Donnie D'Amato: Напоминает, что популярное сейчас движение «я сгенерил дизайн-систему через нейронку за пару часов» — решает только один из кусочков этой задачи. Дизайн-системы созданы для переиспользования командами. И главная сложность — сделать это простым и понятным, чтобы обеспечить достаточное покрытие. Хотя быстрая сборка первой дизайн-системы алгоритмами может помочь небольшим продуктам на старте — это хороший быстрый MVP. Или облегчить аудит текущего состояния. 8. Ben Callahan: Калькулятор, чтобы определиться: писать свою дизайн-систему или адаптировать готовый фреймворк? Он позволяет играть разными параметрами, чтобы принять решение. 9. ShadCN Themes: Инструмент для создания тем оформления для дизайн-систем на базе shadcn/ui. И большой каталог уже готовых. 10. Tailwind CSS Colors: Генератор цветовых тем оформления под Tailwind CSS на основе основного цвета бренда. 11. Webflow: Улучшили работу с компонентами и их вариантами. Их можно также генерировать с помощью ИИ. 12. PJ Onori: Занятный эксперимент — он дал нескольким ИИ-агентам задачу собрать один и тот же интерфейс на основе старой и новой дизайн-системы. И сравнивал эффективность и проблемы каждой версии. 13. zeroheight: Отчёт о состоянии дизайн-систем в 2026 году. Выборка малюсенькая (147 человек), но интересны скорее сами вопросы, чем конкретные цифры. #designsystems0,31%