Skip to main content
Flowstep expose ses outils de conception sur le Model Context Protocol, permettant à votre assistant IA de créer et d’itérer sur des écrans d’interface utilisateur sans quitter votre éditeur. Le serveur est hébergé sur https://api.flowstep.ai/mcp (Transport HTTP Streamable). Aucun processus local à exécuter.

​
Qu’est-ce que vous pouvez faire

Le serveur expose 21 outils dans sept catégories :

​
Cas d’usage courants

Générer des écrans à partir d’un prompt — appelez create-new-design avec une description. Flowstep crée le fichier et les écrans en une seule étape. Appelez get-screen-image avec les screenIds renvoyés pour voir le résultat en ligne. Visualiser un composant React — téléchargez votre fichier .jsx ou .tsx via upload-attachment (utilisez mimeType: text/javascript), puis transmettez la pièce jointe renvoyée à create-new-design avec un message décrivant le composant. Flowstep lit la source et génère un écran de conception correspondant. Itérer sur une conception — appelez edit-design avec un screenId cible et des instructions pour le modifier, ou regenerate-design pour refaire un écran de zéro. Maintenir les directives de conception — appelez get-design-guidelines pour récupérer vos règles de style actuelles (couleurs, typographie, espacement, ton), puis utilisez update-design-guidelines pour les maintenir à jour au fur et à mesure que votre conception évolue. Transmettre des directives cohérentes à create-new-design ou edit-design garantit que chaque écran généré reste conforme à votre marque. Utilisez delete-design-guidelines pour les réinitialiser entièrement. Importer depuis Figma — appelez import-figma avec un lien de cadre Figma et un fileId pour apporter le cadre dans un fichier Flowstep comme éléments modifiables. L’organisation du fichier doit d’abord avoir Figma connecté. Auditer le quota — appelez get-plan-details pour voir l’utilisation quotidienne et mensuelle restante avant de lancer un lot de générations.

​
Point de terminaison

Transport : Streamable HTTP. Modèle de session : sans état (chaque demande est indépendante, pas d’ID de session).

​
Prochaines étapes

Guide de démarrage rapide

Premier appel d’outil en moins de 5 minutes avec Cursor.

Authentification

Comment fonctionne OAuth 2.1 PKCE et comment les jetons sont émis.

Outils

Référence complète d’entrée/sortie pour les 21 outils.

Exemples

Flux de travail end-to-end pour les tâches courantes.