Serveur MCP UXMagic
Connectez Claude, Cursor, VS Code, Windsurf, Codex ou Antigravity à vos projets UXMagic.
Dernière mise à jour :
Le Model Context Protocol (MCP) est un standard ouvert qui permet aux assistants IA de dialoguer directement avec des outils externes. Le serveur MCP UXMagic connecte votre assistant de code à vos véritables projets UXMagic — au lieu de copier des captures dans une discussion, votre assistant lit le vrai design.
Mise en place
- Rendez-vous sur la page MCP et choisissez votre IDE.
- Générez une clé d'API — voir Clés d'API.
- Copiez la configuration générée et collez-la dans les paramètres MCP de votre IDE.
- Redémarrez l'IDE s'il ne détecte pas immédiatement le nouveau serveur.
Pris en charge d'emblée : Claude, Cursor, VS Code, Windsurf, Codex et Antigravity. Tout client compatible MCP fonctionne avec la même configuration.
Ce que votre assistant peut faire une fois connecté
Lire votre travail
- Lister vos projets et obtenir les détails d'un projet.
- Lister les écrans d'un projet et obtenir les détails d'un écran.
- Lire le HTML d'un écran et lire le thème du projet.
- Lister et lire les documents du projet (PRD, briefs).
Modifier votre travail
- Créer un projet, créer un écran, dupliquer un écran.
- Faire une modification ciblée par rechercher/remplacer, ou remplacer tout le corps d'un écran.
- Remplacer une image.
- Exporter un écran vers Figma.
Générer
- Lancer une génération de design, vérifier son état, puis la confirmer ou l'annuler.
La génération est délibérément une poignée de main en trois temps plutôt qu'un appel unique : votre assistant la démarre, la surveille, et c'est vous qui décidez de garder le résultat — une boucle d'agent ne peut donc pas brûler vos crédits en silence.
Un flux de travail typique
« Lis l'écran Tarifs de mon projet Ledgerly et implémente-le en composant React avec nos design tokens. »
Votre assistant récupère le balisage et le thème réels, puis écrit du code en s'appuyant dessus. Pas de captures, pas de dérive, pas de redescription du design.
Crédits
Les opérations de lecture sont gratuites. La génération via MCP coûte les mêmes crédits que dans l'application — c'est le même moteur.
Sécurité
Votre clé d'API authentifie la connexion à votre compte. Gardez-la hors des fichiers versionnés, et faites-la tourner ou révoquez-la à tout moment depuis les paramètres du compte.
Questions fréquentes
- Quels IDE sont pris en charge ?
- Claude, Cursor, VS Code, Windsurf, Codex et Antigravity — et tout autre client compatible MCP.
- Dois-je installer quelque chose ?
- Non. UXMagic génère la configuration pour votre IDE ; vous la collez dans ses paramètres MCP.
Cet article vous a-t-il été utile ?
Articles liés
Connect UX Magic to Claude
Add UX Magic as a connector in Claude so it can read, edit and generate your designs — no API key to copy.
Clés d'API
Créer, faire tourner et révoquer des clés pour le serveur MCP et l'accès à l'API.
Exporter le code (HTML, React, Tailwind)
Exportez un écran seul ou un projet entier en code front-end prêt pour la production.
Synchronisation GitHub
Poussez le code exporté directement dans un dépôt, et déployez avec GitHub Pages.