penpot-uiux-design - Guide for Penpot UI/UX design using MCP tools.
Provides rules and workflows for creating UI/UX designs, components, and design systems in Penpot via MCP tools.
Tags
Updated: 2026-09-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Execute code in Penpot context
- Export shapes as PNG or SVG
- Import images into Penpot designs
- Retrieve Penpot API documentation
- Inspect shape hierarchy and elements
- Generate CSS from selected layout
Inputs
- Design system tokens and specifications
- Existing Penpot file shape structure
- Image assets for designs
- UI and UX layout requirements
Outputs
- Created or modified Penpot shapes
- Exported PNG and SVG files
- Generated CSS code
Requirements
- Locally running penpot-mcp server
- Penpot plugin connected to MCP server
- Configured MCP server endpoint URL