Dans cet article:
Notre serveur MCP connecte l'outil d'IA de votre choix à Moqups pour qu'il puisse travailler aux côtés de votre équipe. Votre assistant d'IA peut ainsi, entre autres, transformer des wireframes en designs haute fidélité, itérer et explorer plusieurs options de design, analyser des diagrammes pour trouver les étapes et les cas limites manquants, et organiser les notes de brainstorming de votre équipe.
Dans cet article, vous apprendrez comment connecter votre outil d'IA, ce qu'il peut faire dans vos projets et comment garder le contrôle des modifications qu'il apporte.
Qui peut utiliser cette fonctionnalité ?
Le serveur MCP est disponible sur tous les plans Moqups payants, avec des limites quotidiennes et mensuelles qui dépendent de votre plan. Vous trouverez les détails dans la section Plans et limites ci-dessous.
Vous aurez également besoin d'un outil d'IA qui prend en charge les connexions MCP. MCP (Model Context Protocol) est un standard ouvert qui permet aux outils d'IA de se connecter directement à des applications comme Moqups.
Ce que l'IA peut faire dans vos projets
Une fois connecté, votre outil d'IA peut travailler sur vos wireframes, diagrammes et tableaux blancs. Voici quelques exemples de ce que vous pouvez lui demander :
-
Wireframes et maquettes :
- Créer un wireframe à partir des notes de votre projet
- Créer des variantes d'un wireframe pour explorer plusieurs options
- Lire des notes et des exigences et les appliquer à un design
- Faire passer un wireframe basse fidélité à un design haute fidélité
- Appliquer les couleurs et les polices de votre marque
- Analyser des wireframes et faire des suggestions
- Créer une version mobile d'une mise en page de bureau, ou l'inverse
- Créer une version en mode sombre de votre design
- Remplir des wireframes avec des textes provisoires, relire ou rédiger le texte final
- Générer du code de transmission à partir des designs
-
Diagrammes et organigrammes :
- Créer des organigrammes et des diagrammes réseau, de processus, ERD et UML à partir de notes
- Vérifier les lacunes et les étapes manquantes dans les diagrammes, et suggérer des améliorations
- Repérer les problèmes de cas limites dans la modélisation
- Créer des plans de site et des organigrammes à partir de vos notes
- Générer du code à partir de diagrammes de base de données existants dans Moqups
- Convertir un diagramme en code Mermaid
-
Tableaux blancs et frameworks :
- Rechercher, trier et regrouper des notes autocollantes par thème
- Résumer des séances de brainstorming et créer des actions à mener
- Construire des frameworks pour des sprints, des rétrospectives et des séances de stratégie
- Créer des arbres de décision ou des matrices à partir de notes de réunion ou d'atelier
- Créer des parcours utilisateur à partir de notes de recherche
-
Commentaires :
- Lire, analyser et résumer les retours des parties prenantes
- Créer ou mettre à jour des wireframes, diagrammes et tableaux à partir de ces retours
L'IA peut ajouter, renommer et redimensionner des pages. Elle peut également ajouter, modifier, restyler ou supprimer des objets. En revanche, elle ne peut pas supprimer les pages ni les projets eux-mêmes.
L'IA peut lire les commentaires de vos projets, mais elle ne peut ni en ajouter, ni y répondre, ni les résoudre.
Connecter votre outil d'IA
Le serveur MCP Moqups est hébergé en ligne, il n'y a donc rien à installer. Vous vous connecterez avec cette URL de serveur :
https://api.moqups.com/mcp
Pour connecter votre outil d'IA :
- Copiez l'URL du serveur ci-dessus.
- Ouvrez les paramètres des connecteurs ou de MCP dans votre outil d'IA, et ajoutez un nouveau connecteur personnalisé avec cette URL.
- Lorsque vous y êtes invité, connectez-vous à votre compte Moqups et autorisez l'accès.
- Pour vérifier que cela fonctionne, demandez à votre outil d'IA de lister vos projets Moqups.
Pour des instructions complètes étape par étape, choisissez votre outil d'IA ci-dessous :
| Outil d'IA | Guide de configuration |
|---|---|
| Claude | Get started with custom connectors using remote MCP |
| ChatGPT | Developer mode and MCP apps in ChatGPT |
| Mistral | MCP Connectors |
| Claude Code | Connect Claude Code to tools via MCP |
| VS Code | Add and manage MCP servers in VS Code |
Pour les outils d'IA non listés ici, ajoutez l'URL du serveur comme connecteur personnalisé ou serveur MCP dans les paramètres de votre outil.
Certains outils d'IA ne proposent les connecteurs personnalisés que sur certains plans, ou nécessitent qu'un administrateur les ajoute. Consultez le guide de votre outil d'IA ci-dessus.
Orienter l'IA vers le bon travail
Votre outil d'IA peut trouver des projets par leur nom, mais il travaille plus vite lorsque vous êtes précis. Indiquez l'équipe et le projet sur lesquels il doit travailler, ou collez un lien vers un projet ou une page dans votre demande.
Si vous voulez que l'IA se concentre sur une zone précise de votre design, utilisez notre fonctionnalité de lien vers la sélection ; une fois un objet ou un groupe sélectionné, faites un clic droit et choisissez « Copier le lien vers la sélection » dans le menu contextuel, ou sélectionnez « Partager le lien vers la sélection » dans la fenêtre de partage de l'éditeur.
Autorisations
Votre outil d'IA a le même accès à Moqups que vous. Il peut ouvrir n'importe quel projet de n'importe quelle équipe dont vous faites partie, mais rien d'autre.
L'IA reflète aussi votre propre rôle dans chaque projet. Si vous n'avez que l'autorisation de consulter et de commenter un projet, l'IA peut le lire mais ne peut pas le modifier. De même, l'IA peut voir vos équipes, mais ne peut pas les modifier.
Si vous faites partie de plusieurs équipes, l'IA peut accéder à toutes ces équipes. Pour vous assurer que l'IA travaille au bon endroit, précisez simplement l'équipe et le projet à utiliser.
Garder le contrôle des modifications de l'IA
Les modifications de l'IA apparaissent dans votre projet au fur et à mesure, de sorte que toute personne ayant ce projet ouvert les voit se produire en temps réel.
De nombreux outils d'IA peuvent aussi demander votre autorisation avant chaque modification apportée à votre projet. Vous trouverez généralement cette option dans les paramètres de connecteur ou d'autorisations de votre outil d'IA. L'activer vous permet de vérifier chaque modification avant qu'elle ait lieu, ce qui est utile tant que vous apprenez comment l'IA gère vos projets.
Pour les tâches plus importantes, demandez une modification à la fois et vérifiez le résultat avant de demander la suivante.
Annuler et Rétablir ne s'appliquent pas aux modifications faites par l'IA ; dupliquez donc votre projet avant de demander à l'IA d'effectuer des modifications importantes.
Plans et limites
Chaque plan Moqups inclut un nombre défini de requêtes d'IA par jour et par mois :
| Plan | Requêtes par jour | Requêtes par mois |
|---|---|---|
| Starter | 50 | 500 |
| Business | 200 | 2 000 |
| Unlimited | 1 000 | 10 000 |
Sur chaque plan, l'IA peut effectuer jusqu'à 20 requêtes par minute. Chaque fois que votre assistant d'IA lit votre projet ou y apporte une modification, cela compte pour une requête ; une seule tâche utilise donc généralement plusieurs appels. Par exemple, lire un wireframe puis le mettre à jour utilisera au moins deux requêtes.
À mesure que nous apprenons comment les équipes utilisent le serveur MCP, nous pourrons ajuster ces limites, et tout changement sera reflété ici.
Déconnecter votre outil d'IA
Une fois un outil d'IA connecté, il apparaît dans l'onglet Intégrations de votre tableau de bord Moqups, et vous pouvez le déconnecter à tout moment depuis cet endroit.
Pour déconnecter un outil d'IA :
- Ouvrez le menu Compte dans le coin inférieur gauche de la Barre latérale gauche.
- Sélectionnez Intégrations dans le menu.
- Dans la section Serveur MCP Moqups, cliquez sur le bouton Déconnecter à côté de l'outil d'IA.
Vous pouvez aussi supprimer le connecteur depuis les paramètres de votre outil d'IA.
Questions et réponses
Pourquoi mon outil d'IA ne trouve-t-il pas un projet ?
Vérifiez que vous avez accès au projet dans Moqups, car l'IA ne peut ouvrir que les mêmes projets que vous. Si plusieurs projets de différentes équipes portent le même nom, indiquez aussi l'équipe, ou donnez à l'IA un lien vers le projet.
Je me suis connecté, mais mon outil d'IA n'utilise pas Moqups. Que dois-je faire ?
Certains outils d'IA nécessitent d'activer le connecteur dans chaque conversation, ou d'être redémarrés après son ajout. Si cela ne suffit pas, déconnectez-vous puis reconnectez-vous. Vous pouvez aussi demander à votre IA d'utiliser le serveur MCP Moqups au début d'une tâche.
Quand mes limites de requêtes d'IA sont-elles réinitialisées ?
Les limites quotidiennes sont réinitialisées chaque jour à minuit UTC, et les limites mensuelles le premier jour de chaque mois à minuit UTC.
Que se passe-t-il lorsque j'atteins ma limite ?
L'IA cesse de fonctionner dans vos projets Moqups jusqu'à la réinitialisation de votre limite. Si vous l'atteignez en cours de tâche, l'IA peut n'effectuer qu'une partie du travail. Avant de demander à l'IA d'effectuer des modifications importantes, dupliquez votre projet pour avoir une copie à laquelle revenir.
Puis-je utiliser le serveur MCP sur le plan gratuit ?
Non, le serveur MCP de Moqups n'est disponible que pour nos plans payants.
Un problème est survenu lors d'une modification de l'IA. Mon travail peut-il être restauré ?
Contactez notre équipe d'assistance et nous ferons de notre mieux pour vous aider. Par précaution, dupliquez votre projet avant de demander à l'IA d'effectuer des modifications importantes.
Ai-je toujours besoin de l'extension Moqups ?
L'extension fait des choses que le serveur MCP ne fait pas. Utilisez-la pour transformer des pages web en ligne en mises en page modifiables, faire des captures d'écran ou générer des briefs de design – ou pour importer des designs générés par l'IA dans Moqups sans connecter votre outil d'IA.