[Все доки](https://hackmd.io/@simadsgn/ry_u5tC6O) # Дизайн-система и гайды Элементы нашей дизайн-системы хранятся в отдельном [проекте](https://www.figma.com/files/project/2864084/Design-System?fuid=726314207626455255) в Figma. Базовые стили текста, токены цветов, формы и обводки хранятся в файле [Tokens](https://www.figma.com/file/eJ2Q6XbVFsJZHPUojBitZB/Tokens). Библиотека иконок, которые мы используем в интерфейсах лежит в файле [Icons](https://www.figma.com/file/NUkikBKmMo6WiXbWbHJWhkWh/Icons). Набор сеток и поведение layout-ов с breakpoint-ами описано в файле [Grid Layout](https://www.figma.com/file/ZFjFlCsCM0rrtPraZwbj6l/Grid-Layout). А ещё у нас есть два UI Kit-а: [десктопный](https://www.figma.com/file/EwAsXveLVRWvfUtJTZPgAs/Desktop-Ui-Kit) и [мобильный](https://www.figma.com/file/0gEtjel0EtNvlb9OoLzmGNVh/Mobile-UI-Kit). В Desktop UI Kit находятся компоненты, которые мы используем в макетах для больших экранов. В Mobile UI Kit лежат компоненты для интерфейсов мобильной версии и приложения. Для каждого компонента мы пишем спецификации (гайды). Гайды лежат в файлах UI Kit-ов на отдельных страницах. Вот как выглядят гайды в [Mobile UI Kit](https://www.figma.com/file/0gEtjel0EtNvlb9OoLzmGNVh/Mobile-UI-Kit?node-id=2471%3A6768) и для [Desktop UI Kit](https://www.figma.com/file/EwAsXveLVRWvfUtJTZPgAs/Desktop-Ui-Kit?node-id=48%3A0). ![](https://i.imgur.com/Hrs7gUP.png) Гайды нужны, чтобы разработчик понимал, как должен выглядеть и работать компонент по задумке дизайнера. Работа над гайдами ведётся постоянно: добавляются новые компоненты, которые нужно описывать, либо текущие гайды нуждаются в дополнениях. Чтобы упростить процесс согласования гайдов, существует [регламент выполнения задач на гайдлайны](https://hackmd.io/@simadsgn/HkuhQt0Tu).