What it does
This MCP server integrates Claude with Penpot, the open-source design platform. It enables programmatic access to Penpot workspaces and design files, allowing Claude to read design structure, metadata, and design tokens, and automate design-related tasks. By bridging Penpot's API with the Model Context Protocol, it supports AI-driven workflows that span design and development.
Who it's for
Developers and design system maintainers using Penpot who want to automate design workflows, sync design tokens to code, or validate design implementation. Teams running Penpot self-hosted or on the cloud who need to integrate design tooling with AI-assisted development.
Common use cases
- Extract and sync design tokens from Penpot to your codebase
- Query design structure and asset metadata to inform code generation
- Validate component implementations against design specifications
- Automate design documentation and export workflows
- Generate or update designs programmatically via Claude
Setup pitfalls
- One secret was detected in the repository during scanning — review the git history for any exposed credentials
- Requires valid authentication credentials (API key or token) to connect to your Penpot instance
- Reads and writes files on disk — isolate execution in a container or restricted filesystem if processing untrusted designs
- Network access to your Penpot server (self-hosted or cloud) is required; ensure proper firewall rules and credentials are configured before connecting