Best Penpot MCP Servers
Penpot is an open-source design and prototyping platform for product teams where designers and developers can work together in a seamless manner.
Why this server?
Allows importing Penpot design exports for auditing against the design contract, and exporting SVG with a manifest for round-trip import.
AlicenseAqualityCmaintenanceEnables agents to validate UI designs for missing states, accessibility issues, and journey completeness using state machine modeling.173MITWhy this server?
Provides tools for managing Penpot files, projects, and teams, including CRUD operations for teams, projects, files, and pages, as well as creating shapes (rect, frame, text) and retrieving file snapshots, all via Penpot's RPC API without a browser session.
AlicenseAqualityDmaintenanceA portable MCP server for headless Penpot project/file/content management, using Penpot's RPC API directly. No browser, no Penpot plugin session.5460 npm2MITWhy this server?
Extracts design tokens, components, and styles from Penpot files using API authentication, providing an alternative design tool integration for design system extraction.
AlicenseAqualityCmaintenanceDesign system MCP server. 20 tools: extract design tokens from any URL, pull from Figma or Penpot, generate React + shadcn/ui components from specs, run WCAG audits, sync tokens bidirectionally.50240 npm50MITWhy this server?
Connects to Penpot's API for design file access, component analysis, export automation, and design validation. Enables browsing projects, analyzing design components, exporting assets, and validating design system compliance.
AlicenseBqualityDmaintenanceBridges AI language models with Penpot design platform, enabling AI assistants to analyze, search, and interact with design files programmatically for automated design workflows.10241MITWhy this server?
Provides tools for retrieving Penpot boards, debugging board data, and extracting design tokens from Penpot files.
AlicenseAqualityDmaintenanceEnables AI assistants to access and retrieve Penpot boards and design tokens.323 npm2MITWhy this server?
Provides tools for interacting with Penpot's design files and brand context, allowing AI agents to read and write Penpot designs while maintaining brand context.
AlicenseAqualityAmaintenanceAI-native design bridge that enables AI agents to read and write Penpot designs while maintaining brand context through its MCP server.24MITWhy this server?
Provides tools for manipulating Penpot designs, including creating and modifying shapes, managing files, pages, components, and more.
AlicenseCqualityFmaintenanceEnables AI assistants to create, modify, and manage Penpot designs programmatically, providing full manipulation capabilities for the open-source design tool.8152 npm20MITWhy this server?
Enables interaction with Penpot design tool via browser automation (DOM/CDP) to control the web application, or via a separate Penpot MCP connector.
AlicenseNot gradedqualityCmaintenanceGives ChatGPT Web hands on your Mac — files, git, terminal, browser, and windows via MCP, with outbound-only tunnel and delete protection.1MITWhy this server?
Accepts Penpot's native DTCG token exports and compares them against other design, code, or live-site sources to detect design-system drift.
AlicenseNot gradedqualityAmaintenanceEnables AI agents to compare design tokens from multiple sources, retrieve prior reconciliation runs, and get detailed per-conflict breakdowns with confidence factors and alias chains.11 npm1Apache 2.0