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

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

<iframe src="https://www.youtube.com/embed/ziyHZVaSbvQ" 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 />

Опишіть екран, який вам потрібен, і отримайте спроектований інтерфейс за лічені секунди.

Для розробників це найшвидший спосіб специфікувати UI перед написанням коду. Для PM і засновників це спосіб спілкуватися про ідеї продукту без двозначності. Для дизайнерів це стартова точка, яка пропускає порожний холст.

## Що можна робити з Flowstep

* **Генеруйте екрани з тексту** — опишіть, що вам потрібно, отримайте спроектований інтерфейс за лічені секунди
* **Ітеруйте через промпти або прямого редагування** — уточніть макети, копію та стиль, не залишаючи холст
* **Попередній перегляд як інтерактивного прототипу** — Flowstep автоматично пов'язує ваші екрани в клікабельний потік. Дивіться [Прототипи](/uk/prototypes).
* **Підключіться до вашої IDE через MCP** — генеруйте і редагуйте екрани з Cursor, Claude Code, Windsurf або Claude Desktop. Дивіться [MCP Server](/uk/mcp/overview).
* **Експортуйте в Figma, код або як файли зображень** — вставте прямо в існуючий файл Figma, експортуйте код або завантажте екрани як PNG/JPG
* **Поділіться одним посиланням** — рецензенти не повинні мати рахунок Flowstep для перегляду або коментування

## Для кого призначений Flowstep

* **Розробники** розбудови користувацького інтерфейсу продукту без дизайнера на місці, або тих, хто хоче спеціфікувати екран візуально перед його реалізацією
* **Менеджери продукту та засновники** спілкування ідей візуально або перевірка ідеї
* **Дизайнери** пропускаючи порожний холст — почніть із згенерованого макету і редагуйте звідти

<Note>
  Досвід дизайну не потрібен. Якщо ви можете описати екран простою англійською мовою, Flowstep може його генерувати.
</Note>

## Куди піти далі

<CardGroup cols={2}>
  <Card title="Швидкий старт" icon="rocket" href="/uk/getting-started">
    Генеруйте свій перший екран менш ніж за п'ять хвилин.
  </Card>

  <Card title="MCP Server" icon="terminal" href="/uk/mcp/overview">
    Використовуйте Flowstep з Cursor, Claude Code або будь-якого MCP-сумісного клієнта.
  </Card>

  <Card title="Генерування дизайнів" icon="wand-magic-sparkles" href="/uk/generating-designs">
    Як писати промпти, які виробляють екрани, які вам насправді потрібні.
  </Card>

  <Card title="Інтеграція Figma" icon="figma" href="/uk/figma-integration">
    Вставте дизайни Flowstep в існуючий файл Figma одним ярликом.
  </Card>
</CardGroup>