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?
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.
AlicenseBqualityFmaintenanceBridges AI language models with Penpot design platform, enabling AI assistants to analyze, search, and interact with design files programmatically for automated design workflows.Last updated10229MITWhy this server?
Extracts design tokens, components, and styles from Penpot files using API authentication, providing an alternative design tool integration for design system extraction.
AlicenseBqualityAmaintenanceDesign 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.Last updated403612MITWhy 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.Last updated3102MITWhy this server?
Supports deployment of Penpot open-source design platform as a one-click service through Coolify.
Alicense-qualityDmaintenanceEnables AI assistants to manage Coolify infrastructure including servers, applications, databases, deployments, and 80+ one-click services through 98 comprehensive tools for both cloud and self-hosted instances.Last updatedMITWhy this server?
Supports design consistency checks by comparing live web elements with specifications from Penpot.
Alicense-qualityCmaintenanceProvides AI agents with deep visibility into a running web page's UI by capturing DOM, styles, and screenshots through a lightweight bookmarklet. It facilitates design-to-code comparisons, accessibility audits, and automated CSS debugging directly within an IDE.Last updated313MITWhy this server?
Provides full programmatic access to self-hosted Penpot instances, allowing for the creation and modification of UI components, management of design systems, and export of frames as SVG or PNG.
Flicense-qualityFmaintenanceEnables AI agents to programmatically access self-hosted Penpot instances to read, create, modify, and export design elements through natural language. It provides 66 tools for managing projects, shapes, design tokens, and comments using a dual-access strategy of direct database reads and RPC API writes.Last updated8