Свежие материалы о дизайн-системах подоспели:
 
1. Storybook: «Энциклопедия компонентов» — это каталог открытых живых гайдлайнов крупных компаний на базе фреймворка. Анонс с обзором самых интересных.
 
2. Brad Frost: Плюсы и минусы двух подходов к версионированию — весь фреймворк или отдельные компоненты. Сам он обычно использует первый подход.
 
3. Beamery: Процесс добавления нового компонента.
 
4. Lukas Oppermann: Принципы именования токенов.
 
5. Matthew Ström: Разница между дизайн-системой как словарём с заранее определёнными требованиями и набором функций, которые генерируют значения для конкретной ситуации.
 
6. Storybook: Советы по организации живого гайдлайна.
 
7. Google: Как нашли подход к динамическому созданию цветовых палитр из основного цвета темы оформления в Material You.
 
8. Lukas Oppermann: Серия статей о поддержке accessibility. В первой части разбирает цвет.
 
Инструменты и фреймворки
— Supernova: Переосмыслили инструмент в сторону менеджера дизайн-систем. Он помогает хранить константы в едином месте и экспортировать их в Figma и компонентные фреймворки.
 
— Story to Design: Сервис генерирует шаблоны в Figma из компонентов на React, которые описаны в Storybook.
 
— NextUI: Фреймворк для дизайн-систем на React.
 
Примеры
— Сбербанк Онлайн для iOS и Android. Это промо-сайт со ссылками на ранее запущенный сайт и другие страницы, компоненты недоступны снаружи.
 
— Государственные органы Калифорнии.
 
#designsystems