Дизайн-система на токенах

Дизайн-токены — это именованные переменные для значений дизайна: цвета (например, color-primary), типографика, отступы (spacing-md), радиусы скругления, тени, размеры и т.д. Они становятся единым источником правды: и дизайн (Figma), и код используют одни и те же токены. Это позволяет менять значение централизованно (изменили токен — обновилось везде), строить темы (светлая/тёмная — см. 965), масштабировать и держать дизайн и код синхронными. Честно про «основа, не фича»: токены — это технический фундамент дизайн-системы, а не то, что пользователь видит напрямую. Сами по себе они пользы не приносят — ценность появляется, когда на них построены компоненты (962) и продукт. Это инфраструктура для согласованности и масштабирования, а не готовое решение. Честно про масштаб и поддержку: токены окупаются, когда продукт большой/растущий, есть темы, несколько платформ или команд, и важна централизованная согласованность. Для совсем маленького проекта это может быть избыточно. И как любая система, токены требуют поддержки и дисциплины использования — иначе разработчики начнут хардкодить значения в обход токенов, и смысл теряется. Честно про «не гарантия качества»: токены хранят значения, но НЕ выбирают их за вас — если выбраны плохие цвета/отступы, токены просто согласованно разнесут плохое решение везде. Правильный выбор значений (дизайн) — отдельная работа. Честно про эффект: на масштабе резко упрощают изменения и темизацию, обеспечивают синхронность дизайна и кода, но это инвестиция-инфраструктура. Честно про доступ: нужны дизайн и код для интеграции токенов. Важная граница: это токены (значения); компонентная библиотека — 962; дизайн-система целиком — 961; тёмная тема (строится на токенах) — 965. Представьте: вместо «цвета и отступы захардкожены вразнобой» — единый источник значений для дизайна и кода. Базовая цена — от 35 000 ₽ (зависит от объёма и платформ).

• Цвета/отступы захардкожены и расходятся между дизайном и кодом.
• Изменить значение везде — долго и с ошибками.
• Нет основы для тем (светлая/тёмная) и масштабирования.
• Дизайн и код рассинхронизированы по значениям.

• Дизайн-токены (цвета, типографика, отступы, радиусы и т.д.)
• Единый источник значений для дизайна (Figma) и кода
• Основа для тем (светлая/тёмная — 965) и масштабирования
• Честная оценка целесообразности (масштаб)
• Честные границы (основа не фича; окупается на масштабе; не гарантия качества)
• Связка с компонентной библиотекой (962) и дизайн-системой (961)
• План поддержки и дисциплины использования
• Передача и разбор с вами

• Единый источник значений дизайна для дизайна и кода
• Централизованные изменения (поменял токен — обновилось везде)
• Основа для тем и масштабирования
• Честные границы (инфраструктура; окупается на масштабе; значения выбирать правильно)

• Оцениваем целесообразность и масштаб; определяем токены
• Внедряем токены в дизайн и код, синхронизируем
• Закладываем поддержку, честно ставим границы с вами

• Токены сами улучшат дизайн?

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

• Токены нужны любому проекту?

  Не любому, честно: они окупаются на масштабе — большой/растущий продукт, темы, несколько платформ/команд, важна централизованная согласованность. Для совсем маленького проекта это может быть избыточно. Мы честно оценим целесообразность, а не внедрим токены просто потому, что это «правильно по учебнику».

• Внедрили токены — и всё само согласуется?

  Только при дисциплине использования, честно. Токены работают, если их реально используют, а не хардкодят значения в обход. Без дисциплины (и поддержки токенов при изменениях) смысл теряется — появляется смесь токенов и хардкода, и согласованность ломается. Мы закладываем процесс и честно предупреждаем: токены — это инфраструктура, требующая соблюдения, а не «само заработает».