https://api.flowstep.ai/mcp (transport Streamable HTTP). Cap procés local a executar.
Què pots fer
El servidor exposa 20 eines en set categories:Casos d’ús comuns
Generar pantalles des d’un prompt — cridacreate-new-design amb una descripció. Flowstep crea el fitxer i les pantalles en un pas. Crida get-screen-image amb els screenIds retornats per veure el resultat en línia.
Visualitzar un component React — carrega el fitxer .jsx o .tsx a través de upload-attachment (utilitza mimeType: text/javascript), aleshores passa l’adjunt retornat a create-new-design amb un missatge que descrigui el component. Flowstep llegeix la font i genera una pantalla de disseny coincident.
Iterar en un disseny — crida edit-design amb un screenId objectiu i instruccions per modificar-lo, o regenerate-design per refer una pantalla des de zero.
Mantenir directrius de disseny — crida get-design-guidelines per recuperar les teves normes d’estil actuals (colors, tipografia, espaiat, to), aleshores utilitza update-design-guidelines per mantenir-les sincronitzades mentre el teu disseny evoluciona. Passar directrius coherents a create-new-design o edit-design assegura que cada pantalla generada mantingui la marca. Utilitza delete-design-guidelines per restablir-les completament.
Importar des de Figma — crida import-figma amb un enllaç a un marc de Figma i un fileId per portar el marc a un fitxer de Flowstep com a elements editables. L’organització del fitxer ha de tenir Figma connectada primer.
Auditar quota — crida get-plan-details per veure l’ús restant diari i mensual abans de iniciar una tanda de generacions.
Endpoint
Passos següents
Inici ràpid
Primera crida d’eina en menys de 5 minuts amb Cursor.
Autenticació
Com funciona OAuth 2.1 PKCE i com s’emeten els tokens.
Eines
Referència completa d’entrada/sortida per a totes les 20 eines.
Exemples
Fluxos de treball de punta a punta per a tasques comunes.