Как правильно выстроить масштабируемую мультибрендовую дизайн-систему с единым источником правды?
Коллеги, нужен совет от тех, кто работал с масштабируемыми дизайн-системами и мультибрендом.
Есть большая мастер-дизайн система продукта, на базе которой нужно размножать бренды.
Ключевая задача — выстроить архитектуру так, чтобы:
• мастер-компоненты оставались единым источником правды
• мы могли дорабатывать и расширять компоненты в основной дизайн-системе
• при этом бренды автоматически подтягивали изменения
• а цвета, изображения, возможно типографика и некоторые стили брались из брендовых токенов / файлов
• без копипаста и последующего расхождения версий
По сути, хочется разделить:
• структуру и логику компонентов — в master design system
• визуальные отличия — на уровне брендов
Вопросы:
1. Кто сталкивался с подобной задачей (multi-brand / white-label / theming)?
2. Как лучше подойти к архитектуре: через tokens, variables, nested libraries, overrides?
3. Какие подводные камни чаще всего всплывают при масштабировании?
4. Есть ли удачные паттерны или антипаттерны, которые стоит учитывать с самого начала?
Буду благодарен за реальные кейсы, советы или ссылки на материалы
Простой
