Вживую покажем, как работать в Кайтен
Во вторник, 16:00
Участвовать
Регистрация

Шаблон для ведения дизайн-системы: компоненты, токены, гайдлайны

Пространство Кайтена из четырех досок: запросы команд, производство компонентов, каталог со статусами Beta и Stable, поддержка и адопшн.

Автор: команда Kaiten · нужен модуль «Канбан»

Что это и кому подходит

Дизайн-система живет между командами. Продукт просит новый компонент, кто-то приносит контрибьюшн, кто-то жалуется на баг в Safari. Запросы приходят в чаты и теряются, а команда не понимает, что уже есть в системе, что в бете и что пора выпиливать. Отдельно от этого тянется адопшн: продукты годами сидят на старых версиях.

Шаблон разводит эти потоки по четырем доскам. «Запросы и триаж» фильтруют вход и доводят спорные идеи до RFC. «Производство компонентов» ведет компонент от проектирования до релиза с WIP-лимитами на каждом этапе. «Каталог системы» показывает жизненный цикл: Предложено → Beta → Stable → Deprecated → Removed. «Поддержка и адопшн» держит баги, миграции продуктов и метрики покрытия. Шаблон подойдет командам дизайн-системы и платформенным командам.

Что внутри шаблона

Готовая структура, которую можно использовать сразу и адаптировать под себя.

Доска «1 · Запросы и триаж»
Входящие

Запросы команд и контрибьюшны

Триаж

WIP-лимит 4

Уточнение / RFC

WIP-лимит 3

Принято в бэклог

Пойдет в производство

Отклонено / уже есть

Решение уже в системе

Дорожки: Блокер продукта · Запросы команд · Инициатива DS · Контрибьюшн (внешний)

Доска «2 · Производство компонентов»
К проектированию

Отобрано в работу

Дизайн

WIP-лимит 3

Дизайн-ревью

WIP-лимит 2

Разработка

WIP-лимит 3

Тех-ревью / QA

WIP-лимит 2

Документация

WIP-лимит 3

Готов к релизу

Собирается в релиз системы

Дорожки: Компоненты · Паттерны · Фаундейшн / Токены

Доска «3 · Каталог системы»
Предложено

Есть в планах системы

Beta

WIP-лимит 5

Stable

Можно брать в продукт

Deprecated

Пора уходить с компонента

Removed

Убрано из системы

Дорожки: Токены · Компоненты · Паттерны / Шаблоны

Доска «4 · Поддержка и адопшн»
Входящие

Баги и заявки на внедрение

В работе

WIP-лимит 4

Ждет релиза

Фикс готов, ждет версии

Готово

Закрытые баги и метрики

Дорожки: Баги системы · Миграции продуктов · Адопшн / Внедрение · Метрики системы

Каталог со статусами

Предложено, Beta, Stable, Deprecated, Removed — статус компонента виден всей компании.

WIP-лимиты на всем производстве

Дизайн, ревью, разработка, QA и документация ограничены лимитами — компонент не застревает между этапами.

Дорожки под тип работы

Компоненты, паттерны и токены идут по своим дорожкам, а поддержка делит баги, миграции, адопшн и метрики.

Типы карточек

Компонент, Токен, Запрос, Релиз, Баг, Метрика и Инструкция — видно суть карточки без открытия.

Триаж и RFC

Спорные запросы уходят в «Уточнение / RFC», а не решаются в переписке.

Метки системы

breaking-change, a11y, тех-долг, адопшн, регрессия, контрибьюшн и другие — фильтруют работу по сути.

Почему этот шаблон

  • Единый вход для запросов команд и внешних контрибьюшнов
  • Понятный жизненный цикл компонента от предложения до удаления
  • WIP-лимиты на каждом этапе производства
  • Отдельная доска под баги системы и миграции продуктов
  • Адопшн и покрытие видны как обычные карточки
  • Готовые типы карточек и метки — настраиваются под команду

Кому подойдет

Команды дизайн-систем Платформенные и фронтенд-команды Продуктовые дизайнеры Лиды дизайна и UX-инженеры

Как начать

1

Выберите шаблон

Нажмите «Использовать шаблон» на этой странице. Откроется готовое пространство с досками и карточками.

2

Откройте шаблон

Внутри открывшегося шаблона нажмите кнопку «Импортировать к себе».

3

Импортируйте шаблон

Есть аккаунт Кайтен — укажите директорию для шаблона. Нет аккаунта — создайте его прямо при импорте.

Начните с этого шаблона

Создайте пространство за минуту. Настройте его под процесс своей команды.

Похожие шаблоны

Частые вопросы

  • Чем «Каталог системы» отличается от доски производства?

    Производство ведет работу над компонентом: дизайн, ревью, разработка, QA, документация. Каталог показывает состояние системы прямо сейчас: что предложено, что в бете, что стабильно, что помечено Deprecated и что уже удалено. Продуктовые команды смотрят в каталог, команда системы работает на доске производства.

  • Как в шаблон попадают запросы от продуктовых команд?

    Через доску «Запросы и триаж». Все обращения падают во «Входящие», затем идут в «Триаж». Если требуется решение по архитектуре, карточка уходит в «Уточнение / RFC». Дальше запрос попадает в бэклог или в «Отклонено / уже есть» — например, когда нужное решение в системе уже существует.

  • Зачем нужна доска поддержки и адопшна?

    Дизайн-система не заканчивается релизом компонента. На этой доске лежат баги системы, миграции продуктов на новую версию, внедрение в новые разделы и метрики покрытия. Дорожки разводят эти четыре потока, чтобы адопшн не потерялся за багами.

  • Можно ли адаптировать шаблон под свой процесс?

    Да. Колонки, дорожки, WIP-лимиты, типы карточек и метки настраиваются после создания пространства. Например, уберите этап документации или добавьте свой статус в каталог.

  • Это бесплатно?

    Сам шаблон бесплатный, но он использует дорожки и WIP-лимиты — это модуль «Канбан». На бесплатном тарифе модули недоступны: модуль подключается на платных тарифах, он уже включен в «Старт». Импортировать шаблон можно и без модуля, но эта часть структуры работать не будет.

  • Шаблон подойдет небольшой команде?

    Да. Если систему ведут два человека, начните с досок запросов и производства, а каталог подключите позже. Схема не требует отдельной большой команды.

Оставить заявку на звонок

Наш менеджер свяжется с вами, чтобы помочь.
Сколько человек в команде?

Оставить заявку

Расскажите о своей компании, и мы отправим вам подходящую презентацию.
Сколько человек в команде?
Сколько сотрудников в компании?