Дизайн-системы: курсы, инструменты и новые подходы

Последняя в этом году мини-подборка о дизайн-системах:

Brad Frost: Курс про связку ИИ и дизайн-систем вместе со своим братом Ian и TJ Pitre (основатель агентства Southleft). Анонс.
Iasonas Georgiadis: Пошаговая инструкция по созданию интерактивных прототипов через Claude Code на базе макетов и дизайн-системы в Figma.
t2 (Tele2): Пошаговая инструкция по настройке UI Kit на React. Кстати, страница их дизайн-систеиы появилась в клубе отечественных дизайн-систем
Donny D'Amato: Можно ли сделать токены для размеров семантическими или это пустая затея. В отличие от цветов, типографики или положения в пространстке — размеры и отступы зачастую просто оптически выбраны
PJ Onori: Печальный факт — многие публичные дизайн-системы уходят в закрытый режим. Это снижает затраты команд на поддержку открытой версии, но плохо для сообщества и развития дизайн-систем в целом. Помимо прокачки HR-бренда, это ещё и мощный стимул особенно дотошно проверять качество
Amit Sheen: Предлагает использовать подход токены для анимации в вебе. Он показывает как прописать их в CSS-переменных, хотя это применимо и для фреймворков.
FigmaLint: Плагин для Figma делает линтинг дизайн-системы: структура компонентов, использование переменных, именование свойств. На выходе — документация.
Southleft: Концепция контекстного доступа к гайдлайнам дизайн-системы через ИИ-ассистента. О проекте.

#designsystems

Подписывайтесь на Telegram Дайджест продуктового дизайна.