Penpot Tutorials

In this quick and practical tutorial, you'll discover how to connect Cursor to Penpot and start building an AI-powered workflow instantly. This setup is just an example. The Penpot MCP Server works with any client, agent, or model that support...

Learn how to set up a Penpot MCP Server Remote in just 5 minutes! In this quick and practical tutorial, you'll discover how to connect OpenCode as a client and use OpenRouter to manage model subscriptions efficiently. This setup is just an exam...

In this hands-on session, we’ll explain the basics of working with Penpot and agentic AI, get you set up with Penpot MCP (and explain what Model Context Protocol means!) Then we’ll look at some of the use cases for using AI workflows in the design...

We tested different AI design tools (Claude, Stitch, Figma, V0 and Penpot) with a complex UI prompt that required more than visual generation: "Design a real estate property card. The design should encourage a non-linear yet coherent visual jo...

Watch this Community Hours session to learn more about the Penpot Ambassador Program. What makes it unique? A peer-to-peer learning model and a collaborative, open library where take aways, resources, and real-world experiences are continuously...

Penpot is the first Open-Source design platform for seamless collaboration between designers and developers. Built on open standards, it gives teams flexibility, control, and aligns with values like transparency, inclusion, ownership, freedom, and...

This short video showcases how Penpot's MCP Server can assist in generating production-ready, semantic HTML and modular CSS from a specific Penpot board. Official Penpot MCP server, already available at https://github.com/penpot/penpot/tree/dev...

Penpot 2.14 brings major improvements to design token management, collaboration, and automation, making it easier for designers and developers to keep systems consistent and scalable. ✨ Juan de la Cruz, designer at Penpot, walks us through th...