Penpot MCP

Ce que fait cet outil

Penpot MCP comble le fossé entre les modèles de langage IA et Penpot, la plateforme de design et de prototypage open-source. Il permet aux assistants IA de comprendre, d'analyser et d'interagir programmatiquement avec des fichiers de design UI/UX, permettant ainsi un flux de travail fluide du design vers le code.

Outils

• list_projects : Liste tous les projets Penpot du compte.
• get_project_files : Récupère tous les fichiers associés à un projet spécifique.
• get_file : Récupère un fichier Penpot spécifique par son ID et le met en cache pour analyse.
• export_object : Exporte un objet de design sous forme d'image pour référence visuelle.
• get_object_tree : Extrait la structure hiérarchique de l'arbre d'objets d'un élément de design.
• search_object : Trouve des objets spécifiques dans un fichier Penpot en utilisant le langage naturel.

Installation

Ajoutez ce qui suit à votre claude_desktop_config.json :

{
  "mcpServers": {
    "penpot": {
      "command": "uvx",
      "args": ["penpot-mcp"],
      "env": {
        "PENPOT_API_URL": "https://design.penpot.app/api",
        "PENPOT_USERNAME": "votre_nom_utilisateur",
        "PENPOT_PASSWORD": "votre_mot_de_passe"
      }
    }
  }
}

Hôtes supportés

• Claude Desktop
• Cursor