Свежие материалы о дизайн-системах подоспели: 1. Storybook: | Дайджест продуктового дизайна
Свежие материалы о дизайн-системах подоспели:
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. Это промо-сайт со ссылками на ранее запущенный сайт и другие страницы, компоненты недоступны снаружи.
