Check out our demo video to see Penpot MCP in action:
penpot-mcp is an MCP project maintained in the montevive/penpot-mcp repository. The maintainer describes its purpose as “Check out our demo video to see Penpot MCP in action”. Read the project documentation for the complete scope.
The documented pypi package is penpot-mcp. The configuration below comes from the maintainer’s example; adapt its paths and account values to your environment.
The example declares PENPOT_API_URL, PENPOT_USERNAME, PENPOT_PASSWORD. Secret-looking values have been replaced with placeholders. Required and optional labels are shown only when the documentation states them.
Project documentation · Repository · Discovery listing. This profile records the public documentation checked on 2026-10-08.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| list_projects | List all Penpot projects |
| get_project_files | Get files for a specific project |
| get_file | Retrieve a Penpot file by its ID and cache it |
| export_object | Export a Penpot object as an image |
| get_object_tree | Get the object tree structure for a Penpot object |
| search_object | Search for objects within a Penpot file by name |
{
"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"
}
}
}
}From the project documentation. Replace placeholders and example paths before connecting.
| Variable | Description | Required |
|---|---|---|
| PENPOT_API_URL | Declared in the maintainer’s client configuration. | Check documentation |
| PENPOT_USERNAME | Declared in the maintainer’s client configuration. | Check documentation |
| PENPOT_PASSWORD | Declared in the maintainer’s client configuration. | Check documentation |
Feed real design data to your coding assistant — layout, tokens and components straight from Figma files.
Integrates Figma's API with Claude and other Model Context Protocol (MCP) compatible clients, providing read-only access to Figma files and projects.
Manages courses, assignments, enrollments, and grades within Canvas using the Canvas API.
Provides a unified TypeScript interface for LLMs to interact with various 3D software applications.
Generates Vue 3 components from Figma designs, adhering to Hostinger's design system.
Enables Cursor AI to interact with Figma, allowing programmatic design modification and data extraction.