# Flowstep: Ukrainian ## Ukrainian ### Початок роботи - [Що таке Flowstep?](https://docs.flowstep.ai/uk/introduction.md): Flowstep — це інструмент AI для дизайну, який генерує відполіровані екрани користувацького інтерфейсу з текстових промптів. Дізнайтеся, що він робить, для кого він призначений і що можна побудувати за його допомогою. - [Почніть роботу з Flowstep: реєстрація та генерація дизайнів](https://docs.flowstep.ai/uk/getting-started.md): Створіть безкоштовний обліковий запис Flowstep, згенеруйте свій перший дизайн інтерфейсу з текстового промпту та поділіться ним із вашою командою — усе за один раз. - [Як використовувати Flowstep без попереднього досвіду дизайну](https://docs.flowstep.ai/uk/no-design-skills.md): Вам не потрібна підготовка в дизайні для створення чудових екранів користувацького інтерфейсу за допомогою Flowstep. Дізнайтеся, як описати, що вам потрібно, і дозвольте Flowstep зробити решту. ### Використання Flowstep - [Генеруйте екрани інтерфейсу з текстових промптів за допомогою Flowstep](https://docs.flowstep.ai/uk/generating-designs.md): Використовуйте Flowstep для генерування одного екрана або до 6 екранів одночасно з одного текстового промпту — ідеально для швидкого ідеування інтерфейсу та дослідження повних потоків. - [Редагування та ітерація дизайнів Flowstep через чат або полотно](https://docs.flowstep.ai/uk/editing-designs.md): Оптимізуйте будь-який екран, створений Flowstep, через ручне редагування або запити на основі чату — ітеруйте скільки завгодно разів, поки дизайн не буде правильним. - [Використовуйте референси для керування та прискорення дизайнів Flowstep](https://docs.flowstep.ai/uk/design-references.md): Приєднайте ТЗ, завантажте зображення або вставте URL-адресу, щоб надати Flowstep контекст — тоді ви зможете творчо розвивати ідеї швидше без написання довгих промптів. - [Встановіть рекомендації з дизайну, щоб кожне покоління Flowstep відповідало стилю бренду](https://docs.flowstep.ai/uk/design-guidelines.md): Визначте рекомендації з дизайну на рівні файлу у форматі DESIGN.md — кольори, типографія, відступи та умовності, які керують кожним поколінням ШІ та редагуванням у файлі. - [Попередній перегляд дизайнів Flowstep як інтерактивних прототипів](https://docs.flowstep.ai/uk/prototypes.md): Відкрийте будь-який файл Flowstep як інтерактивний прототип — Flowstep автоматично пов'язує ваші екрани, і ви можете встановити або заблокувати навігацію вручну для кожного елемента. - [Поділіться дизайнами Flowstep зі своєю командою та зацікавленими особами](https://docs.flowstep.ai/uk/sharing-designs.md): Створюйте посилання для поділення будь-яким дизайном Flowstep, контролюйте, хто може відкрити файл за допомогою рівнів загального доступу, та запрошуйте людей переглядати або редагувати по електронній пошті. ### Команди та організації - [Організації Flowstep: команди, ролі та дозволи](https://docs.flowstep.ai/uk/organizations.md): Дізнайтеся, як працюють організації у Flowstep — що можуть робити власники, адміністратори, учасники та гості, як файли поширюються у вашій команді та як приєднатися до організації або перейти до іншої. - [Керуйте організацією: люди, ролі та налаштування](https://docs.flowstep.ai/uk/organization-settings.md): Додавайте учасників до вашої організації Flowstep, змінюйте ролі, керуйте гостями та очікуючими запрошеннями та перейменовуйте вашу організацію — все з налаштувань. ### Експорт та інтеграції - [Завантажте дизайни Flowstep як файли JPG або PNG](https://docs.flowstep.ai/uk/export-formats.md): Flowstep підтримує експорт дизайнів як JPG або PNG. Дізнайтеся, який формат найкраще підходить для вашого використання та як завантажити ваші екрани за кілька кліків. - [Переміщення дизайнів між Flowstep та Figma](https://docs.flowstep.ai/uk/figma-integration.md): Скопіюйте будь-який фрейм Flowstep в Figma за допомогою копіювання та вставлення або імпортуйте фрейми Figma в Flowstep як редаговані екрани. Працюйте в обох інструментах без перемикання. ### Сервер MCP - [Сервер Flowstep MCP](https://docs.flowstep.ai/uk/mcp/overview.md): Використовуйте Flowstep як MCP сервер для генерації, перевірки та управління дизайном UI прямо з Cursor, Claude Code або будь-якого MCP-сумісного клієнта. - [Швидкий старт MCP](https://docs.flowstep.ai/uk/mcp/quickstart.md): Підключіть Flowstep до вашого редактора AI та виконайте перший виклик інструменту. - [Аутентифікація MCP](https://docs.flowstep.ai/uk/mcp/authentication.md): Як Flowstep MCP аутентифікує клієнтів: потік OAuth 2.1 PKCE та створення облікового запису. - [Довідка інструментів MCP](https://docs.flowstep.ai/uk/mcp/tools.md): Схема введення, форма виводу та приклади для всіх 21 інструменту Flowstep MCP. - [Обмеження використання MCP](https://docs.flowstep.ai/uk/mcp/usage-limits.md): Як обмеження використання Flowstep застосовуються до викликів інструментів MCP та як перевірити вашу залишкову квоту. - [Приклади MCP](https://docs.flowstep.ai/uk/mcp/examples.md): Наскрізні робочі процеси для типових завдань Flowstep MCP. #### Клієнти - [Flowstep MCP — Cursor](https://docs.flowstep.ai/uk/mcp/clients/cursor.md): Підключіть Flowstep до Cursor, використовуючи транспорт Streamable HTTP MCP. - [Flowstep MCP — Claude Code](https://docs.flowstep.ai/uk/mcp/clients/claude-code.md): Підключіть Flowstep до Claude Code (CLI) за допомогою транспорту HTTP MCP. - [Flowstep MCP — Windsurf](https://docs.flowstep.ai/uk/mcp/clients/windsurf.md): Підключіть Flowstep до Windsurf, використовуючи Streamable HTTP MCP транспорт. - [Flowstep MCP — Codex](https://docs.flowstep.ai/uk/mcp/clients/codex.md): Підключіть Flowstep до OpenAI Codex, використовуючи транспорт Streamable HTTP MCP. - [Flowstep MCP — Claude Desktop](https://docs.flowstep.ai/uk/mcp/clients/claude-desktop.md): Підключіть Flowstep до Claude Desktop за допомогою транспорту Streamable HTTP MCP. - [Flowstep MCP — claude.ai](https://docs.flowstep.ai/uk/mcp/clients/claude-ai.md): Підключіть Flowstep до claude.ai за допомогою користувацького конектора MCP. ### Оплата та плани - [Ціни Flowstep: безкоштовний пробний період, безплатний план та платні плани](https://docs.flowstep.ai/uk/pricing.md): Розпочніть роботу з Flowstep з безкоштовним пробним періодом без кредитної карти. Порівняйте плани Free, Starter, Pro та Max з ціноутворенням за місцем та річним платежем з економією до 20%. - [Flowstep: цикли розрахунків, скасування та доступ](https://docs.flowstep.ai/uk/billing.md): Дізнайтеся, як Flowstep обробляє місячні та річні цикли розрахунків, хто може керувати розрахунками в організації, як скасувати підписку та що відбувається після скасування. - [Місця та оплата за місце для команд Flowstep](https://docs.flowstep.ai/uk/seats.md): Як працюють місця в платних планах Flowstep: хто використовує місце, як додавання й видалення учасників впливає на рахунок і що відбувається з учасниками без місця. - [Повідомлення Flowstep: пояснення обмежень та скидання](https://docs.flowstep.ai/uk/messages-and-limits.md): Дізнайтеся, що вважається повідомленням у Flowstep, як працюють щоденні та місячні обмеження, як обмеження застосовуються на одне місце в команді та що відбувається, коли ви досягнете ліміту. - [Отримайте доступ до рахунків Flowstep та завантажуйте їх](https://docs.flowstep.ai/uk/invoices.md): Flowstep автоматично генерує рахунки для всіх платних планів після кожного платіжного періоду. Завантажуйте їх у будь-який час з панелі керування вашого облікового запису. ### Безпека та конфіденційність - [Як Flowstep захищає дані вашого акаунту та дизайни](https://docs.flowstep.ai/uk/security.md): Дізнайтеся, як Flowstep захищає ваші дані за допомогою шифрування в дорозі та в спокої, а також де знайти повні відомості про безпеку в Політиці конфіденційності. - [Політика конфіденційності даних Flowstep та обмеження навчання ШІ](https://docs.flowstep.ai/uk/data-privacy.md): Flowstep не використовує ваші особисті дані для навчання моделей ШІ, і її постачальники LLM також не роблять цього. Дізнайтесь, які дані можуть використовуватися та як.