Ответ вслух Senior Figma на практике обновлено

Библиотека для десяти команд

Вопрос

Как вы организуете Figma-библиотеки для 10 продуктовых команд и двух платформ (веб и мобильные)?

Попробуйте сами

Ответьте вслух за 2 минуты, как на собесе. Потом сверьтесь с тезисами: что прозвучало, а что нет.

Показать ответ и разбор

Коротко

Разделил бы на слои: библиотека с переменными-токенами (примитивы и семантика, режимы для тем), базовая библиотека общих компонентов и отдельные библиотеки для веба и мобильных платформ, которые наследуют токены. Так продуктовые файлы подключают только нужное, и они не тормозят.

Что должно прозвучать в ответе

  • Разделение: токены, базовые компоненты, платформенные библиотеки

  • Переменные с режимами для тем и брендов

  • Правила публикации и changelog, ветки для крупных изменений

  • Аналитика использования и отвязок

  • Соответствие компонентов и кода, единые имена

Что могут спросить следом

  • Как избежать ситуации, когда библиотека тормозит файлы?
  • Кто имеет право публиковать?

Разбор

Разделил бы на слои: библиотека с переменными-токенами (примитивы и семантика, режимы для тем), базовая библиотека общих компонентов и отдельные библиотеки для веба и мобильных платформ, которые наследуют токены. Так продуктовые файлы подключают только нужное, и они не тормозят. Публикует команда системы, крупные изменения делаются в ветках с ревью, к каждой публикации пишется changelog. Раз в месяц смотрю аналитику: какие компоненты используют, какие отвязывают. Имена компонентов и свойств совпадают с кодом, это упрощает передачу и Code Connect.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.