> ## 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

> Приєднайте ТЗ, завантажте зображення або вставте URL-адресу, щоб надати Flowstep контекст — тоді ви зможете творчо розвивати ідеї швидше без написання довгих промптів.

<iframe src="https://www.youtube.com/embed/Gk-GPpn3HfA" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

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

## Типи референсів

### Приєднайте ТЗ

Завантажте документ з вимогами до продукту, щоб дати Flowstep докладне розуміння цілей вашого продукту, його функцій та потреб користувачів перед створенням екранів.

<Tip>
  Використовуйте ТЗ як референс, коли розробляєте функцію, яка вже має письмові вимоги. Flowstep читає документ та використовує його для дизайн-рішень, які узгоджуються з намірами вашого продукту — так вам не потрібно повторювати все в промпті.
</Tip>

### Завантажте зображення

Приєднайте скріншот, ескіз, дошку настроєнь або будь-яке зображення, щоб дати Flowstep візуальний референс для стилю або макета, який ви маєте на увазі.

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

### Вставте URL

Надайте посилання на веб-сайт, живий продукт або будь-яку веб-сторінку, і Flowstep використовуватиме її як референс для візуального стилю, структури або шаблонів контенту.

<Tip>
  Використовуйте URL як референс, коли ви хочете відповідати або черпати з існуючого цифрового продукту. Це особливо корисно для роботи з білими мітками, аналізу конкурентів або коли зацікавлена сторона каже «зробіть так, щоб це виглядало як це».
</Tip>

## Приєднуйте копіюванням

Найшвидший спосіб приєднати референс — часто це копіювання: вставлення файлу або зображення в поле промпту автоматично його приєднує. Підтримувані вкладення — це зображення (JPG, PNG, WEBP) та документи (PDF, MD, TXT) розміром до 3 МБ кожен.

Вставлення довгого тексту також працює — поле промпту вмістить до 6000 символів, а вставлення тексту на цій або більшій межі автоматично приєднує його як файл під назвою `pasted.txt` (якщо промпт порожній, він заповнюється повідомленням «Follow the instructions in the file»). Зручно для надання Flowstep довгої специфікації без скорочення.

## Чому варто використовувати референси

Референси скорочують обсяг деталей, які потрібно включати в ваш промпт. Замість написання абзацу для пояснення контексту вашого продукту або візуального напрямку один приєднаний файл або посилання може передати це повніше. Це прискорює процес генерації та часто дає більш релевантні результати з першої спроби.

Ви можете поєднувати референси — наприклад, приєднати ТЗ для контексту продукту та зображення для візуального натхнення одночасно.