> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Встановіть рекомендації з дизайну, щоб кожне покоління Flowstep відповідало стилю бренду

> Визначте рекомендації з дизайну на рівні файлу у форматі DESIGN.md — кольори, типографія, відступи та умовності, які керують кожним поколінням ШІ та редагуванням у файлі.

Рекомендації з дизайну дозволяють установити постійні правила — кольори, типографія, відступи, умовності компонентів — які Flowstep застосовує до кожного покоління ШІ та редагування у файлі. Замість повторення «використовуйте нашу синю тему» у кожному промпті, запишіть це один раз, і ШІ дотримуватиметься цього далі.

## Редагуйте рекомендації з дизайну

<Steps>
  <Step title="Відкрийте модальне вікно рекомендацій дизайну">
    На панелі чату в заголовку натисніть кнопку **Edit design guidelines** (Редагувати рекомендації з дизайну). Відкривається модальне вікно **Design guidelines** (Рекомендації з дизайну) з текстовим редактором `DESIGN.md`.
  </Step>

  <Step title="Напишіть або імпортуйте рекомендації">
    Введіть рекомендації безпосередньо або перетягніть файл `.md` у редактор, щоб імпортувати його. Формат слідує відкритому стандарту `design.md` компанії Google — опціональна YAML передчастина (розпізнавані ключі: `version`, `name`, `description`, `colors`, `typography`, `rounded`, `spacing`, `components`) з подальшими розділами Markdown.
  </Step>

  <Step title="Збережіть">
    Натисніть **Save changes** (Зберегти зміни). З цього моменту кожне покоління та редагування у цьому файлі використовує ваші рекомендації як обов'язковий контекст.
  </Step>
</Steps>

<Note>
  Рекомендації застосовуються лише до **майбутнього результату** — існуючі проекти залишаються як є. Вони обмежені поточним файлом і не переносяться на інші файли.
</Note>

## Варто знати

* **Ліміт довжини** — рекомендації можуть мати до 50 000 символів. Імпортовані файли за цією межею скорочуються.
* **Валідація** — структурні помилки (незакрита YAML передчастина, дублікати заголовків розділів `##`) блокують збереження. М'якші проблеми, як невизнані ключі YAML або кольори, які не є дійсними шістнадцятковими кодами, показують попередження, але все ж зберігаються.
* **Експорт** — використовуйте кнопки **Copy raw file** (Копіювати вихідний файл) та **Download** (Завантажити) у модальному вікні, щоб копіювати або завантажити свій `DESIGN.md`.
* **Видалення рекомендацій** — очистіть текстове поле та збережіть, щоб видалити рекомендації для цього файлу.

## Flowstep оновлює рекомендації для вас

Коли ви даєте постійну інструкцію стилю в промпті — наприклад, «з цього моменту використовуйте синю тему» — Flowstep виявляє це та автоматично оновлює рекомендації дизайну, підтверджуючи в чаті: «Updated your design guidelines to use \[style] for future generations» (Оновлено рекомендації дизайну для використання \[стилю] для майбутніх поколінь). Одноразові запити на кшталт «зробіть це синім» не змінюють рекомендації; вони впливають лише на те покоління.

## Рекомендації дизайну через MCP

Якщо ви працюєте через [MCP сервер](/uk/mcp/overview), інструменти `get-design-guidelines`, `update-design-guidelines` та `delete-design-guidelines` читають і записують однакові рекомендації — так що ваш робочий процес IDE та вебзастосунок залишаються синхронізованими. Див. [Довідник інструментів](/uk/mcp/tools).