https://peertube.kaleidos.net/videos/watch/5d15e4a8-d550-4fb2-ad4e-43d6bf6ae3ef 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. Penpot MCP Server installation. Watch our setup guides! 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 Sun, 17 May 2026 00:57:39 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://peertube.kaleidos.net https://peertube.kaleidos.net/lazy-static/avatars/5e186a82-bd7c-42fe-9e6f-db1e7d2184be.jpg https://peertube.kaleidos.net/videos/watch/5d15e4a8-d550-4fb2-ad4e-43d6bf6ae3ef All rights reserved, unless otherwise specified in the terms specified at https://peertube.kaleidos.net/about and potential licenses granted by each content's rightholder.