https://api.flowstep.ai/mcp (transport Streamable HTTP). Bez konieczności uruchamiania lokalnego procesu.
Co możesz zrobić
Serwer udostępnia 20 narzędzi w siedmiu kategoriach:Typowe przypadki użycia
Generuj ekrany z prompta — wywołajcreate-new-design z opisem. Flowstep tworzy plik i ekrany w jednym kroku. Wywołaj get-screen-image z zwróconymi screenIds, aby zobaczyć wynik inline.
Wizualizuj komponent React — prześlij plik .jsx lub .tsx za pośrednictwem upload-attachment (użyj mimeType: text/javascript), a następnie przekaż zwrócony załącznik do create-new-design z wiadomością opisującą komponent. Flowstep czyta kod źródłowy i generuje pasujący ekran projektowy.
Iteruj nad projektem — wywołaj edit-design z docelowym screenId i instrukcjami modyfikacji, lub regenerate-design, aby odtworzyć ekran od nowa.
Utrzymuj wytyczne projektowe — wywołaj get-design-guidelines, aby pobrać bieżące reguły stylu (kolory, typografia, odstępy, ton), a następnie użyj update-design-guidelines, aby utrzymywać je w synchronizacji w miarę ewolucji projektu. Przekazywanie spójnych wytycznych do create-new-design lub edit-design zapewnia, że każdy wygenerowany ekran pozostaje zgodny z marką. Użyj delete-design-guidelines, aby je całkowicie zresetować.
Importuj z Figmy — wywołaj import-figma z linkiem do ramki Figmy i fileId, aby przenieść ramkę do pliku Flowstep jako edytowalne elementy. Organizacja pliku musi mieć najpierw połączoną Figmę.
Audyt limitu — wywołaj get-plan-details, aby zobaczyć pozostałe dzienne i miesięczne użycie przed uruchomieniem partii generacji.
Endpoint
Następne kroki
Szybki start
Pierwsze wywołanie narzędzia w mniej niż 5 minut z Cursor.
Uwierzytelnianie
Jak działa OAuth 2.1 PKCE i jak są wydawane tokeny.
Narzędzia
Pełna dokumentacja wejścia/wyjścia dla wszystkich 20 narzędzi.
Przykłady
Kompleksowe przepływy pracy dla typowych zadań.