Задать вопрос
Dino_cooooool
@Dino_cooooool
Дизайнер .)

Как правильно выстроить масштабируемую мультибрендовую дизайн-систему с единым источником правды?

Коллеги, нужен совет от тех, кто работал с масштабируемыми дизайн-системами и мультибрендом.

Есть большая мастер-дизайн система продукта, на базе которой нужно размножать бренды.
Ключевая задача — выстроить архитектуру так, чтобы:
• мастер-компоненты оставались единым источником правды
• мы могли дорабатывать и расширять компоненты в основной дизайн-системе
• при этом бренды автоматически подтягивали изменения
• а цвета, изображения, возможно типографика и некоторые стили брались из брендовых токенов / файлов
• без копипаста и последующего расхождения версий

По сути, хочется разделить:
• структуру и логику компонентов — в master design system
• визуальные отличия — на уровне брендов

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

Буду благодарен за реальные кейсы, советы или ссылки на материалы
  • Вопрос задан
  • 380 просмотров
Подписаться 2 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Графический дизайнер: расширенный курс
    19 месяцев
    Далее
  • Академия Эдюсон
    Графический дизайнер
    4 месяца
    Далее
  • Бруноям
    Графический дизайн
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
@pionero
Сталкивался с похожей архитектурой. Я бы строил это не как несколько брендовых дизайн-систем, а как одну Core Design System + semantic tokens + отдельный brand layer.

Базовая схема:

Core Components → Semantic Tokens ← Brand Theme

* Core Components — единый source of truth: anatomy, states, variants, behavior, accessibility.
* Semantic Tokens — контракт между компонентами и брендом (surface-primary, text-primary, action-primary и т.д.).
* Brand Layer — цвета, typography, radius, shadows, imagery и другие допустимые визуальные отличия.
* Компоненты работают только с semantic tokens и ничего не знают о конкретном бренде.

Если есть Figma Enterprise, я бы в первую очередь смотрел на Extended Variable Collections — механизм как раз рассчитан на multi-brand DS: бренд наследует parent collection и переопределяет только необходимые значения. Новые и изменённые токены master-системы наследуются брендами без необходимости копировать компоненты.

Без Enterprise похожую архитектуру можно собрать через Variables + aliases + Modes, но при большом количестве брендов modes начинают хуже масштабироваться.

Ключевое правило лучше фиксировать сразу: brand = configuration, not fork.

То есть бренд может менять заранее определённые themeable properties, но не должен создавать собственные версии базовых компонентов. Overrides я бы тоже не использовал как основу theming — скорее для контента и действительно редких исключений.

Главный риск здесь не цвета, а постепенное появление требований вроде «у Brand B этот Button немного другой». Поэтому на старте важно определить Theme Contract: что бренд имеет право менять, а что остаётся ответственностью Core Design System.

Иначе через пару лет вместо одной масштабируемой системы легко получить несколько разошедшихся дизайн-систем с общим предком.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы