> ## 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, згенеруйте свій перший дизайн інтерфейсу з текстового промпту та поділіться ним із вашою командою — усе за один раз.

<iframe src="https://www.youtube.com/embed/yrmvaLi6Cto" 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 негайно генерує ваш дизайн. Далі ви можете вдосконалити його через додаткові промпти, запросити вашу команду до співпраці та поділитися результатом зі зацікавленими сторонами — жодних інструментів дизайну чи попереднього досвіду не потрібно.

<Steps>
  <Step title="Створіть свій безкоштовний обліковий запис">
    Перейдіть на [flowstep.ai](https://flowstep.ai) та зареєструйтеся через Google або своєю електронною поштою та паролем. Кредитна карта не потрібна для початку роботи.

    <Note>
      Якщо ви реєструєтеся своєю електронною поштою та паролем, перевірте свою поштову скриню на лист із підтвердженням ("Confirm your Flowstep email") та натисніть посилання, щоб активувати свій обліковий запис — ви можете повторно відправити його зі сторінки "Check your inbox", якщо він не надійде. Тимчасові адреси електронної пошти не приймаються; використовуйте робочу або особисту електронну пошту.
    </Note>

    Після реєстрації ви потрапляєте на короткий екран привітання: дайте відповіді на три швидких запитання, а потім опишіть свій перший дизайн прямо там — чотири зразки промптів (Dashboard, Landing page, Mobile app, Checkout) доступні, якщо вам потрібна вихідна точка.
  </Step>

  <Step title="Опишіть екран, який ви хочете">
    Введіть промпт простою англійською мовою, описуючи інтерфейс, який ви маєте на увазі. Будьте конкретні щодо мети екрану та всіх ключових елементів, які він повинен включати.

    Промпт, як-от "Dashboard for a project management app with a task list, progress bars, and a sidebar navigation", дає Flowstep достатньо контексту для створення сфокусованого, корисного дизайну.

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

  <Step title="Згенеруйте ваші екрани">
    Надішліть свій промпт, і Flowstep генерує ваш дизайн за кілька секунд. Ви можете генерувати кілька екранів в одній сесії, щоб дослідити різні напрямки або побудувати повний потік.
  </Step>

  <Step title="Вдосконаліть через спілкування">
    Не зовсім так? Введіть подальший промпт, щоб відрегулювати дизайн — змініть колірну схему, переставте елементи, замініть вміст або запросіть повністю інший макет. Ви також можете редагувати елементи вручну або використовувати дії з одним натисканням в меню параметрів.
  </Step>

  <Step title="Експортуйте або поділіться вашою роботою">
    Коли ви будете задоволені результатом, виберіть, як його поділитися:

    * **Export** код або через MCP
    * **Download** екран як файл JPG або PNG
    * **Copy to Figma** використовуючи комбінацію клавіш для вставлення безпосередньо в існуючий файл Figma
    * **Share a link** з товаришами по команді або зацікавленими сторонами — вони можуть переглянути дизайн без створення облікового запису

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