Главная
Главная страница пространства
astra-ds. С неё начинают люди и нейросети.
Здесь документация дизайн-системы Astra DS: токены, правила работы с компонентами и скиллы для нейросетей. Тексты перенесены из репозитория astra-doc как есть 26.10.2026.
Куда идти
| Узнать значение токена: цвет, отступ, радиус, шрифт, анимация | Фундаменты | 20 страниц: таблицы токенов из Figma и объяснения, как устроены платформа, слой состояния, системные элементы и версии |
| Понять, как заводить, называть и проверять компоненты | Правила | 9 гайдлайнов и проверяемый список из 41 правила |
| Дать нейросети готовую инструкцию: снять контракт, собрать документацию в Figma, написать код, собрать ролик | Скиллы | 6 скиллов со справочниками и подсказка, как подключить скилл |
| Написать новую страницу вики по образцу | Шаблоны страниц | шаблон фундамента и шаблон компонента |
Частые вопросы
| Какой токен поставить на фон блока? | Токены цвета в макетах |
| Какие значения у цветов? | Color — светлая тема, Color — тёмная тема |
| Как назвать компонент, слой, свойство? | Правила оформления компонентов |
| Что значат DP, Dev Example, AF и коды команд в названии? | Теги в названии компонентов |
| Можно ли брать компонент с ❌? | Версии компонента: 🟢 Stable / ❌ Deprecated |
| Как устроен слой состояния? | Слой состояния |
| Как анимировать переход между страницами? | Flow Motion в «Фундаментах» и в «Правилах» |
| Как проверить оформление компонента? | Проверяемый список |
| Как подключить скилл к своей нейросети? | Скиллы |
Для нейросети
- Начни с этой страницы, затем открой раздел из таблицы «Куда идти». Страница раздела — его оглавление.
- Первая строка каждой страницы — «Источник»: путь к файлу в репозитории
astra-doc. Страница — копия файла на 26.10.2026, источник правды — репозиторий. - Ссылка вида
/wiki/astra-ds/<номер>ведёт на страницу вики. Ссылка вида../…/README.md— путь в репозитории: такого файла в вики нет.
Значки страниц
Значок показывает, что за страница перед вами.
compass | эта главная страница |
database, regulation, tools, layers | разделы: Фундаменты, Правила, Скиллы, Шаблоны страниц |
list | оглавление внутри раздела |
table | токены и значения из Figma |
book-open | объяснение или справочник |
note | гайдлайн |
checklist | проверяемый список правил |
workflow | скилл |
code | код для запуска |
package | плагин или пакет скилла |
file | шаблон страницы |
Чего здесь пока нет
Паттерны, карточки компонентов, шаблоны экранов и Astra Fintech. Они лежат в репозитории astra-doc: ds-docs/patterns/, ds-docs/component-contracts/components/, ds-docs/reference/templates/, af-docs/.
Кому писать
Команда дизайн-системы: Сергей Демичев @sdmchv, Жасур Эшмирзаев @jsr_i, Рашид Омаров @omarov_rm.