TGViewer
Дайджест продуктового дизайна Дайджест продуктового дизайна @pdigest · 49.5K subscribers
Post #831 6.92K
Чем дальше — тем больше свежих материалов об интеграции ИИ-инструментов с дизайн-системами. Но не только:
 
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 человек), но интересны скорее сами вопросы, чем конкретные цифры.
 
#designsystems
design-tokens-visualizer.vercel.app Design Tokens Visualizer | Explore Token-Component Relationships Interactive visualization tool for exploring design tokens and their relationships across design systems. Pre-loaded with Carbon, SLDS, and Stellar.
  • ❤ 17
  • 🔥 6
More from @pdigest
  1. Sep 22, 2026В этом году растратил бюджет личного времени на дайджест в пользу запуска новой учебной пл…
  2. Sep 16, 2026Компактная подборка свежего о дизайн-менеджменте: 1. NN/g: Связь метрик дизайна и бизнеса.…
  3. Sep 9, 2026Некоторое количество свежих интерфейсных паттернов и лучших практик: 1. Mural: Как поменял…
  4. Aug 31, 2026Дайджест продуктового дизайна за июль 2026. Генеративные дизайн-системы, дизайн вероятност…
  5. Aug 26, 2026Теперь все свежие публикации о дизайн-системах говорят про их создание и использование с п…
  6. Aug 17, 2026Что нового среди лучших интерфейсных паттернов и практик: 1. Тарас Бакушевич: Проанализиро…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →