Skip to main content
Flowstep надає доступ до своїх інструментів дизайну через Model Context Protocol, дозволяючи вашому AI-асистенту створювати та ітерувати екрани UI, не залишаючи редактор. Сервер розміщений за адресою https://api.flowstep.ai/mcp (потік передачі Streamable HTTP). Немає локального процесу для запуску.

Що ви можете робити

Сервер відкриває 21 інструмент у семи категоріях:

Поширені варіанти використання

Генеруйте екрани з промпту — викличте create-new-design з описом. Flowstep створює файл та екрани в одне кроку. Викличте get-screen-image з повернутими screenIds, щоб побачити результат вбудовано. Візуалізуйте компонент React — завантажте ваш файл .jsx або .tsx через upload-attachment (використовуйте mimeType: text/javascript), а потім передайте повернутий додаток в create-new-design з повідомленням, яке описує компонент. Flowstep читає джерело та генерує відповідний екран дизайну. Повторіть на дизайні — викличте edit-design з цільовим screenId та інструкціями для його зміни, або regenerate-design, щоб переробити екран з нуля. Підтримуйте рекомендації з дизайну — викличте get-design-guidelines, щоб отримати ваші поточні правила стилю (кольори, типографія, розстави, тон), а потім використовуйте update-design-guidelines для їх синхронізації, коли ваш дизайн еволюціонує. Передача послідовних рекомендацій в create-new-design або edit-design гарантує, що кожен генерований екран залишається на бренді. Використовуйте delete-design-guidelines, щоб скинути їх повністю. Імпортуйте з Figma — викличте import-figma з посиланням на рамку Figma та fileId, щоб привести рамку до файлу Flowstep як редаговані елементи на його холсті. Організація файлу повинна мати Figma з’єднану спочатку. Проаудитуйте квоту — викличте get-plan-details, щоб побачити залишкові щоденні та місячні значення використання перед запуском партії генерувань.

Кінцева точка

Транспорт: Streamable HTTP. Модель сеансу: без стану (кожен запит незалежний, без ID сеансу).

Наступні кроки

Швидкий старт

Перший виклик інструменту за 5 хвилин з Cursor.

Аутентифікація

Як OAuth 2.1 PKCE функціонує та як видаються маркери.

Інструменти

Повна довідка введення/виводу для всіх 21 інструментів.

Приклади

Завершені робочі процеси для поширених завдань.