montevive/penpot-mcp
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
モンテヴィーブ/ペンポット-MCPは、https://github.com/montevive/penpot-mcp.からインポートされたMCPサーバー候補です。
概要
モンテヴィーブ/ペンポット-MCPは、https://github.com/montevive/penpot-mcp.からインポートされたMCPサーバー候補です。
概要（AI 翻訳）
AI駆動のデザインワークフロー自動化 Claude AIやその他のLLMをモデルコンテキストプロトコルを介してPenpot設計に接続
🚀 ペンポットMCPとは何ですか?
Penpot MCPは、AI言語モデルとオープンソースの設計・プロトタイピングプラットフォームであるPenpotの間の橋渡しとなる革新的なModel Context Protocol(MCP)サーバーです。この統合により、ClaudeのようなAIアシスタント(Claude DesktopおよびCursor IDEの両方)が、あなたのデザインファイルをプログラム的に理解し、分析し、操作できるようになります。
🎯 主な利点
- ** 🤖 AIネイティブデザイン分析**:Claude AIにUI/UXデザインを分析させ、フィードバックを提供し、改善案を提案します
- ** ⚡ 自動化されたデザインワークフロー**:AI駆動の自動化で繰り返しの設計作業を効率化
- ** 🔍 インテリジェント・デザイン検索**:自然言語を用いてプロジェクト全体のデザイン要素やパターンを見つけます
- ** 📊 デザインシステム管理**:AIの支援を用いてデザインシステムを自動で文書化・維持
- ** 🎨 クロスプラットフォーム統合**:任意のMCP互換AIアシスタント(Claude Desktop、Cursor IDEなど)と連携
🎥 デモビデオ
ペンポットMCPの実戦を見るために、私たちのデモ動画をご覧ください:
✨ 特徴
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
Penpot MCP Server 🎨🤖
AI-Powered Design Workflow Automation Connect Claude AI and other LLMs to Penpot designs via Model Context Protocol
🚀 What is Penpot MCP?
Penpot MCP is a revolutionary Model Context Protocol (MCP) server that bridges the gap between AI language models and Penpot, the open-source design and prototyping platform. This integration enables AI assistants like Claude (in both Claude Desktop and Cursor IDE) to understand, analyze, and interact with your design files programmatically.
🎯 Key Benefits
- 🤖 AI-Native Design Analysis: Let Claude AI analyze your UI/UX designs, provide feedback, and suggest improvements
- ⚡ Automated Design Workflows: Streamline repetitive design tasks with AI-powered automation
- 🔍 Intelligent Design Search: Find design components and patterns across your projects using natural language
- 📊 Design System Management: Automatically document and maintain design systems with AI assistance
- 🎨 Cross-Platform Integration: Works with any MCP-compatible AI assistant (Claude Desktop, Cursor IDE, etc.)
🎥 Demo Video
Check out our demo video to see Penpot MCP in action:
✨ Features
🔌 Core Capabilities
- MCP Protocol Implementation: Full compliance with Model Context Protocol standards
- Real-time Design Access: Direct integration with Penpot’s API for live design data
- Component Analysis: AI-powered analysis of design components and layouts
- Export Automation: Programmatic export of design assets in multiple formats
- Design Validation: Automated design system compliance checking
🛠️ Developer Tools
- Command-line Utilities: Powerful CLI tools for design file analysis and validation
- Python SDK: Comprehensive Python library for custom integrations
- REST API: HTTP endpoints for web application integration
- Extensible Architecture: Plugin system for custom AI workflows
🎨 AI Integration Features
インストール
uvx penpot-mcp設定
{
"mcpServers": {
"penpot": {
"command": "uvx",
"args": ["penpot-mcp"],
"env": {
"PENPOT_API_URL": "https://design.penpot.app/api",
"PENPOT_USERNAME": "your_penpot_username",
"PENPOT_PASSWORD": "your_penpot_password"
}
}
}
}