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