Всё больше нового в дизайн-системах — о том как управлять ими в эпоху ИИ. Ну и использовать при сборке продуктов:
 
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