$ loading_
Proxy Pencil tools and manage .pen files for tokens, diffs, and exports.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "hermes-pen-bridge" yet — see the docs or source repo.
Read this .pen design file, extract design tokens such as colors, typography, and spacing, output them in JSON format, and label the source layer for each token.
A structured JSON file of design tokens, including colors, typography, spacing, and their source layers.
Compare the layer trees and component differences between these two .pen files, list additions, deletions, and modifications, and summarize them by page.
A page-grouped diff report that clearly lists added, removed, and modified items.
Batch export all icons and illustrations from the .pen file as both PNG and SVG, while preserving the original layer names.
A collection of PNG and SVG asset files organized with the original layer names.
Generate and refine UI designs on a live canvas with collaborative AI agents.
Manage Penpot projects, components, tokens, and collaboration directly through MCP.
Connect Penpot so AI can assist with design files and collaboration.
Access Penpot boards and design tokens for design-review and developer handoff.
Connect Pinako browser management to local AI clients for smarter tab and bookmark control.
Connect Figma and Panda CSS for bidirectional design system sync.