Что такое Дизайн-система?
Дизайн-система — это коллекция многоразовых компонентов, стандартов и руководств, обеспечивающих визуальную и функциональную консистентность продукта. Включает UI-компоненты (кнопки, формы, карточки), токены дизайна (цвета, шрифты, отступы), паттерны взаимодействия и документацию. Дизайн-система ускоряет разработку, улучшает качество и облегчает масштабирование продукта.
Ключевые моменты
- Компоненты + документация + правила = дизайн-система
- Дизайн-токены обеспечивают консистентность
- Ускоряет разработку и улучшает качество
- Figma — основной инструмент для создания
- Дизайн-система — живой документ, требующий поддержки