https://api.flowstep.ai/mcp (транспорт Streamable HTTP). Локальний процес запускати не потрібно, і ключ API керувати не потрібно. Клієнти входять до вашого облікового запису Flowstep через OAuth.
Що можна робити
Сервер надає 22 інструменти у восьми категоріях:
Три інструменти AI-дизайну використовують ту саму квоту повідомлень, що й застосунок Flowstep. Усі інші інструменти безкоштовні. Див. Ліміти використання.
Типові сценарії
Генеруйте екрани з промпту. Викличтеai-design-screens з описом. Якщо пропустити fileId, Flowstep створить файл і екрани за один крок. Викличте get-screen-image для кожного повернутого screenId, щоб побачити результат.
Візуалізуйте компонент React. Завантажте вихідний код .jsx або .tsx через upload-attachment (mimeType: text/javascript), а потім передайте повернене вкладення в ai-design-screens з повідомленням, яке описує екран. Flowstep читає код і створює відповідний дизайн.
Ітеруйте над дизайном. Викличте ai-design-screens з одним або кількома screenId (або окремими ідентифікаторами елементів) у elementIds і вільними інструкціями, щоб змінити їх на місці. Той самий виклик також може додавати нові екрани, тож один запит може редагувати екран і будувати наступний. Використовуйте ai-edit-screen-variant, щоб застосувати пресет, наприклад темну тему або інший макет, до одного цілого екрана.
Розширте потік. Викличте ai-generate-screen-variant, щоб додати наступний екран, стан помилки чи порожній стан, або веб-, планшетну чи мобільну версію наявного екрана.
Працюйте від коду. Прочитайте будь-який екран як JSX за допомогою get-screen-jsx, а потім запишіть свій JSX назад через add-screen-jsx (новий екран) або replace-screen-jsx (перезаписати наявний). Щоб використовувати власні зображення, завантажте їх через upload-attachment і вставте повернений assetUrl у свій JSX. Ці інструменти безкоштовні.
Тримайте результат у фірмовому стилі. Використовуйте update-design-guidelines, щоб зберегти свої кольори, типографіку та правила компонентів у файлі у вигляді тексту DESIGN.md. AI-генерації для цього файлу їм слідуватимуть. Прочитайте їх через get-design-guidelines або очистіть через delete-design-guidelines.
Імпортуйте з Figma. Викличте import-figma з посиланням на фрейм Figma та fileId, щоб перенести фрейм на полотно як редаговані елементи. Організація, до якої належить файл, спочатку має підключити Figma.
Перевірте свою квоту. Викличте get-plan-details, щоб побачити свій план, використання та залишок повідомлень перед пакетом генерацій.
Ендпоінт
2026-07-28, яку він оголошує за адресою https://api.flowstep.ai/.well-known/mcp.json. Клієнти, які використовують попередній протокол 2025-11-25, підключаються до того самого ендпоінта.
Наступні кроки
Швидкий старт
Підключіть клієнт і виконайте перший виклик інструмента.
Автентифікація
Як працюють вхід через OAuth 2.1 PKCE та схвалення доступу.
Інструменти
Повний довідник вхідних і вихідних даних для всіх 22 інструментів.
Приклади
Наскрізні робочі процеси для типових завдань.