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.
AlicenseAqualityAmaintenanceEnables agents to validate UI designs for missing states, accessibility issues, and journey completeness using state machine modeling.173MITWhy 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?
Extracts design tokens, components, and styles from Penpot files using API authentication, providing an alternative design tool integration for design system extraction.
AlicenseAqualityBmaintenanceDesign 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.50169 npm47MITWhy 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.315 npm2MITWhy 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.5433 npm1MITWhy 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.8169 npm20MITWhy this server?
Provides access to Penpot's Agent Skills, including shared pack-level files used across its skills.
AlicenseNot gradedqualityAmaintenanceEnables any MCP client to discover and read Agent Skills through lightweight tools, including clients that only support tools, with optional filtering by pack and deployment scoping.3MITWhy this server?
Host plugin integration for Penpot that lets an AI agent write AI-generated designs into the Penpot canvas as native editable layers, and read Penpot canvas selections back out as structured design data, HTML + Tailwind, design tokens, and SVG assets.
AlicenseNot gradedqualityBmaintenanceEnables AI agents to write AI-generated designs into design-tool canvases (MasterGo, Penpot) as native editable layers, and to read canvas selections back out as HTML + Tailwind, design tokens, and SVG assets. Runs locally with progressive tool disclosure and structurally truncated results so large design files stay within an agent's context budget.Apache 2.0