Переменные и темы

1Переменные

Откройте панель «Переменные» сочетанием Cmd+Shift+V. Создавайте переменные цвета, числа и текста, ищите их и привязывайте к заливкам, обводкам, размерам или тексту. Агенты также могут создавать логические переменные (true или false).

2Темы

Добавьте тему, чтобы создать ось, например «Режим», а затем добавьте варианты, например «Светлый» и «Тёмный». У каждой переменной может быть своё значение для каждого варианта, и при переключении варианта всё, что к нему привязано, перерисовывается.

Сохраните текущий набор как пресет, чтобы использовать его в других файлах. Пресеты можно экспортировать в файлы .optheme и импортировать из них.

3Дизайн-системы

В приложение входят четыре готовые дизайн-системы: Halo, Lunaris, Nitro и shadcn. Каждая — это полный набор токенов со светлой и тёмной темами. Примените одну из них на главном экране в разделе «Дизайн-системы» или попросите об этом агента.

4design.md

Панель «Дизайн-система» (Cmd+Shift+D) хранит текстовое описание дизайна: визуальную тему, цвета, типографику, стили компонентов, принципы раскладки и примечания для генерации. Агенты читают его, прежде чем рисовать.

• Импортируйте или экспортируйте его как файл design.md.
• Сгенерируйте его автоматически по текущему дизайну с помощью вашей ИИ-модели.
• «Синхронизировать все с переменными» превращает его цвета в переменные; +Var добавляет их по одной.

5Руководства по стилю

В «Центре ресурсов» есть 63 встроенных руководства по стилю, которым может следовать агент, а также ваши собственные: импортируйте любой файл DESIGN.md или вставьте его текст в разделе «Стили». Закрепите стиль, чтобы агент применял его ко всем новым дизайнам.