Дизайн-система — набор компонентов, правил и стандартов, обеспечивающий единообразный внешний вид всего продукта. Методология Atomic Design Брэда Фроста: Atoms (кнопка, input) → Molecules (форма поиска) → Organisms (header) → Templates → Pages.
Для успешной дизайн-системы важны: документация (Storybook), версионирование компонентов, договорённости между дизайнером и разработчиком (design tokens) и принятие командой. Интеграция Figma + Storybook сводит разрыв между дизайном и кодом к минимуму.
Наши курсы по этой теме