vector.ma dans Claude et ChatGPT : ce que change le serveur MCP

De plus en plus de gens commencent un projet de design en écrivant à un assistant IA : « J’ai besoin d’une idée de logo pour un café à Tanger », « trouve-moi un motif marocain pour un post de Ramadan ». Jusqu’ici, l’assistant répondait avec ce qu’il avait retenu du web, ou dessinait quelque chose lui-même. Il ne connaissait rien des milliers de vecteurs publiés par les designers marocains sur vector.ma.

Cela change avec mcp.vector.ma, le serveur de vector.ma pour les assistants IA. Branchez-le à Claude ou à ChatGPT, et votre assistant peut chercher dans la bibliothèque de vector.ma, regarder les vecteurs et lire leur code SVG, directement dans la conversation.

C’est quoi, MCP ?

MCP (Model Context Protocol) est un standard ouvert qui permet à un assistant IA d’utiliser des outils extérieurs. Voyez-le comme une prise : un site publie un serveur MCP, et tout assistant compatible (Claude, ChatGPT, Claude Code et d’autres) peut s’y connecter et utiliser ce qu’il propose.

Sans MCP, un assistant ne peut que deviner. Avec le serveur MCP de vector.ma, il peut demander à vector.ma : « quels vecteurs correspondent à zellige ? », « montre-moi celui-ci », « quelles couleurs utilise ce SVG ? ». Les réponses viennent de la vraie bibliothèque, avec un lien vers la page de chaque vecteur.

Ce que votre assistant peut faire avec vector.ma

Le serveur donne trois outils à l’assistant :

Chercher des vecteurs : cherche dans la bibliothèque par nom et renvoie le titre et la description de chaque résultat.
Voir le PNG d’un vecteur : montre le vecteur à l’assistant en 256, 512 ou 1024 px, avec le lien de sa page, pour qu’il vérifie qu’il correspond bien à votre demande avant de vous le proposer.
Obtenir le SVG d’un vecteur : donne le lien de la page du vecteur, où vous le téléchargez. L’assistant peut aussi lire le code SVG pour le décrire ou le modifier.

L’assistant ne fait que lire la bibliothèque. Il ne peut rien publier, modifier ou supprimer sur vector.ma.

Quelques demandes à essayer :

« Cherche des motifs zellige sur vector.ma et montre-moi les 3 meilleurs. »
« Trouve un drapeau du Maroc en vectoriel et donne-moi son rouge et son vert exacts. »
« Récupère le SVG de cette icône et passe sa couleur en bleu Majorelle. »
« Je fais le menu d’un riad à Fès : propose-moi des vecteurs de vector.ma pour l’en-tête et les bordures. »

Pourquoi c’est important pour les designers marocains

Votre travail est trouvé là où les gens cherchent maintenant

Quand quelqu’un demande un motif marocain à un assistant, la réponse peut désormais renvoyer vers le vecteur que vous avez publié, avec un lien vers sa page sur vector.ma. Chaque création que vous publiez est une réponse de plus que l’assistant peut donner. La licence s’applique toujours à chaque fichier trouvé, et les téléchargements passent par vector.ma, comme sur le site.

De vrais designs marocains, pas des images IA génériques

Les générateurs d’images savent faire des images « style marocain », mais ratent les détails que les Marocains remarquent tout de suite : l’étoile du drapeau mal dessinée, des lettres tifinagh qui n’existent pas, des étoiles de zellige qui ne se referment pas. Les vecteurs de vector.ma sont dessinés par des gens qui connaissent ces détails. Grâce à MCP, l’assistant propose leur travail au lieu d’en inventer une copie approximative.

Du SVG propre, prêt à modifier

Une image IA est une image plate. Un vecteur de vector.ma est un vrai SVG : net à toutes les tailles, avec des formes et des couleurs modifiables. Comme l’assistant peut lire le code SVG, il peut aussi vous aider pour la suite : lister les couleurs, expliquer comment le fichier est construit, ou changer une couleur pour la charte de votre client. Vous finissez ensuite le travail dans Illustrator, Inkscape ou Figma.

Un quotidien plus rapide

Briefs, moodboards, posts pour l’Aïd ou le prochain match des Lions de l’Atlas : une grande partie de la journée d’un designer consiste à trouver le bon point de départ. Demander à son assistant, en français, en anglais ou en darija, est souvent plus rapide qu’ouvrir dix onglets. Et tout se passe dans l’outil où vous écrivez déjà le brief ou l’e-mail au client.

Bientôt dans Canva

Une app vector.ma pour Canva, basée sur la même connexion, est en cours de validation par Canva. Une fois publiée, les vecteurs des designers marocains toucheront aussi ceux qui créent leurs posts et leurs flyers dans Canva.

Pas à pas : connecter et utiliser mcp.vector.ma

Étape 1 : avoir l’offre Plus ou Premium

Le serveur MCP est inclus dans les offres Plus et Premium. Connectez-vous à vector.ma et vérifiez votre offre dans votre profil. Avec l’offre gratuite, la connexion s’arrête à la page d’autorisation, qui propose de passer à une offre supérieure.

Étape 2 : ajouter vector.ma à votre assistant

Tous les assistants utilisent la même adresse :

https://mcp.vector.ma

Dans Claude (web, desktop ou mobile) :

Ouvrez les Paramètres, puis Connecteurs.
Cliquez sur Ajouter un connecteur personnalisé.
Nommez-le vector.ma et collez l’adresse ci-dessus.
Cliquez sur Connecter : une page vector.ma s’ouvre (étape 3).

Dans ChatGPT :

Ouvrez les paramètres et activez le mode développeur.
Créez une app, nommez-la vector.ma et collez l’adresse ci-dessus.
ChatGPT demande une icône : téléchargez l’icône vector.ma depuis l’onglet IA & MCP de votre profil.
Connectez-vous : une page vector.ma s’ouvre (étape 3).

Dans Claude Code, lancez :

claude mcp add --transport http vector-ma https://mcp.vector.ma

Puis tapez /mcp, choisissez vector-ma et connectez-vous.

Les autres clients MCP qui ne savent pas se connecter utilisent une clé API :

Ouvrez l’onglet IA & MCP de votre profil sur vector.ma.
Donnez à la clé un nom facile à reconnaître, par exemple Claude sur mon ordinateur, et cliquez sur Créer une clé.
Copiez la clé tout de suite : elle ne s’affiche qu’une fois.
Ajoutez-la aux paramètres MCP de votre client, envoyée dans l’en-tête Authorization: Bearer vma_….

Étape 3 : se connecter et autoriser l’accès

La page vector.ma demande : « Autoriser Claude à utiliser votre compte vector.ma ? » (ou ChatGPT). Elle liste ce que l’assistant pourra faire : rechercher dans la bibliothèque, voir les images des vecteurs, et obtenir le code SVG et les PNG 1024, comptés comme des téléchargements de votre offre. Vérifiez que vous êtes connecté avec le bon compte, puis cliquez sur Autoriser. Vous revenez dans votre assistant, connecté.

Si vous voyez « Cette demande de connexion n’est pas valide », elle a expiré : relancez la connexion depuis votre assistant.

Étape 4 : chercher dans la bibliothèque

Demandez avec vos mots, dans la langue de votre choix :

Cherche des motifs zellige sur vector.ma et montre-moi les 3 meilleurs.

L’assistant cherche dans la bibliothèque, regarde les résultats et répond avec leurs titres et les liens vers leurs pages. Soyez précis pour de meilleurs résultats : « une icône d’arganier minimaliste » marche mieux que « un arbre ».

Étape 5 : regarder un vecteur avant de choisir

Montre-moi le PNG du deuxième en 512.

L’assistant regarde lui-même l’image et peut la décrire, la comparer aux autres ou vous dire si elle correspond à votre brief. Demandez-lui de continuer à chercher jusqu’à trouver le bon.

Étape 6 : télécharger le SVG

Donne-moi le lien pour télécharger le SVG.

Ouvrez le lien : c’est la page du vecteur sur vector.ma, avec le travail du designer et le bouton de téléchargement. Téléchargez-le comme d’habitude, avec les téléchargements quotidiens de votre offre.

Étape 7 : laisser l’assistant lire ou modifier le SVG

Récupère le SVG de cette icône, liste ses couleurs, puis remplace le vert par du bleu Majorelle (#6050DC).

Pour cela, l’assistant lit le code SVG, ce qui compte comme un téléchargement SVG dans la limite quotidienne de votre offre (10 par jour en Plus, illimité en Premium), comme sur le site. Il vous rend le code modifié : enregistrez-le dans un fichier .svg et ouvrez-le dans Illustrator, Inkscape ou Figma.

Étape 8 : gérer vos connexions

L’onglet IA & MCP de votre profil liste vos clés API et vos assistants connectés, avec la date de leur dernière utilisation. Cliquez sur Révoquer et l’assistant perd l’accès immédiatement. Si votre offre se termine, les assistants perdent l’accès jusqu’à ce que vous vous réabonniez. La référence complète est sur la page À propos.

Publiez, et laissez les assistants vous trouver

La bibliothèque n’est riche que grâce aux designers qui la remplissent. Chaque motif, icône ou logo que vous partagez sur vector.ma peut maintenant être trouvé depuis un site et une conversation avec une IA, et bientôt depuis Canva. Publiez vos vecteurs et faites du design marocain la première réponse, partout où les gens cherchent.