Penpot MCP Server Explained | What's new | Penpot release 2.15

Discover why the new Penpot MCP Server changes the way AI agents work with design.

In this video, we explore a real workflow using the Penpot MCP Server inside Penpot 2.15. Not just generating random UI, but giving AI agents access to the actual design context: layers, components, tokens, pages, layouts, and design systems.

You’ll see how AI tools like Cursor, Claude Code, and other MCP-compatible clients can:

• Analyze real Penpot files
• Detect design patterns and inconsistencies
• Infer design tokens
• Create components and variants
• Generate DESIGN.md documentation
• Produce semantic HTML/CSS
• Connect your design workflow with Storybook

This is not another generic AI design demo. The Penpot MCP Server is the missing piece between design systems, AI agents, and modern product workflows.

If you're interested in AI-assisted UI design, design systems, design-to-code workflows, MCP, Storybook, or open-source product design, this video is for you.

Watch our setup guides to get started with the Penpot MCP Server.
- Remote Setup With Open Code 👉 https://youtu.be/hBn1iutWSq4
- Remote Setup With Cursor 👉 https://youtu.be/QeSFO0h7GGY
- Local Setup 👉 https://youtu.be/xfgf0kKGOoc

Full documentation and setup instructions are available in Penpot Help Center: 👉 https://help.penpot.app/mcp

00:00 intro.
00:32 Penpot MCP Server Explained
01:39 Local & Remote Setup
02:21 Workflow
02:58 Design Audit
03:44 Infer Design Tokens
04:46 Themes
05:59 Create Components and variants
07:10 Generate DESIGN.md documentation
08:25 Produce semantic HTML/CSS
09:06 Connect your design workflow with Storybook
Penpot Community: https://community.penpot.app
App: https://design.penpot.app​​
Help: https://help.penpot.app​
Contribute: https://github.com/penpot
Penpot Fest: https://penpotfest.org

Follow us:
*Mastodon: https://fosstodon.org/@penpot/​
*Bluesky: https://bsky.app/profile/penpot.app
*X: https://x.com/penpotapp
*LinkedIn: https://www.linkedin.com/company/penpotdesign
*Instagram: https://www.instagram.com/penpot.app/
*Github: https://github.com/penpot
*Peertube: https://peertube.kaleidos.net/

Penpot: Full Stack Design

Видео Penpot MCP Server Explained | What's new | Penpot release 2.15 канала Penpot