In this video, we explore the power of Penpot’s MCP, showing how a single prompt can automatically extract every possible variant of an Input Form and generate its full combinatorial matrix.

What would normally require an enormous amount of manual effort, defining states like hover, focus, error, success, disabled... and all their possible combinations is handled automatically and systematically. The difference in effort compared to doing this manually is massive.

This is a clear demonstration of how Penpot MCP Server applied to a design workflow can:

Dramatically reduce manual work

If you work with design systems, UI components, or AI-driven workflows, this showcases a powerful shift in how complex variant generation can be approached.

Penpot Community: https://community.penpot.app

Follow us:

Penpot: Design as code.

This short demo shows how Penpot's MCP Server can generate a new splash screen from a simple scribble, using the rest of the file's components and screens as a reference.

Official Penpot MCP server, already available at https://github.com/penpot/penpot/tree/develop/mcp

Penpot Community: https://community.penpot.app

Follow us:

Penpot: Design as code.

Penpot MCP Server lets you connect unlimited AI agents directly into your workflow, and that workflow can be fully multidirectional.

Go from design to code, code to design, design to design, and beyond. Expand it as far as your imagination takes you.

Unlike other tools, Penpot’s MCP Server doesn’t lock you into a single AI agent. Connect any AI agent or LLM you trust, or combine multiple agents to collaborate together. Use any MCP client. Customize the integration to fit your needs. You control the stack.

MCP opens the door to entirely new ways of connecting design, code, and automation.

That’s the power of Open Source in the agentic AI era: shaping the system around your vision instead of adjusting your vision to the system.

With Open Source, you stay in control of the entire stack whether you self-host Penpot, deploy it on a dedicated server, or use the SaaS offering.

Design without limits. Automate without constraints. Build your own AI-powered workflow.

Penpot Community: https://community.penpot.app

Follow us:

Penpot: Design as code.

Do you ever feel overwhelmed by the number of design tokens you’re managing? To help you simplify, Marco-Christian Krenn from Tokens Studio joins us as a special guest for this hands-on demo. Together with Laura Kalbag, Penpot Educator, he’ll guide you through building complex design systems in Penpot using fewer design tokens, reducing complexity and maintenance. 🤓

They’ll cover:

There will be time for live Q&A — bring your toughest (and nerdiest) token questions.

00:00 Intro

New to Penpot? Start for free today! 👉https://design.penpot.app/#/auth/register

Follow us:

Penpot: Design as code.

A brand-new unit just landed in the UI course with Penpot, and it’s all about color in UI design. It includes videos on how to work with color, covering color palette creation and a wide range of tips and practical techniques, such as saturating greys, designing for dark mode, and ensuring accessibility. Enjoy a mix of theory, hands-on demos, and optional assignments to immediately put what you learn into practice. Course educator Laura Kalbag also walks you through applying all of this directly in Penpot.

Get started with the course for free, or explore the new contents around color:

Penpot Community: https://community.penpot.app

Follow us:

Typography can determine the success of your design system because it defines the way users experience information and engage with your product. In this demo, Laura Kalbag—developer, designer, and educator at Penpot—will introduce you to typography design tokens. She'll show how to create, apply, and name typography tokens in Penpot, and build a proportional typographic scale with ease.

Penpot Community: https://community.penpot.app

Follow us:

Deleting a file no longer means it’s gone forever. The Trash is a dedicated space in the dashboard where deleted files and projects live before being permanently removed. From here, you can recover content deleted by mistake or clean things up for good when you’re sure you don’t need them anymore.

Penpot Community: https://community.penpot.app

Follow us:

Penpot: Design as code.

Our second composite design token, the Shadow token, is now here. Until now, you couldn’t save shadows as reusable styles. Now you can create reusable, consistent drop shadows and inner shadows, made of one or multiple layers, fully tokenized and ready to scale across your designs.

Penpot Community: https://community.penpot.app

Follow us:

Penpot: Design as code.

In this video, Juan de la Cruz, designer at Penpot, walks you through our first product release of the year and what it means for designers and teams.

This release includes:

👉 This may also interest you! Join the beta and help shape the future of Penpot by testing the New Render Engine early and sharing your feedback with the team: https://community.penpot.app/t/join-as-a-beta-tester-for-the-new-penpot-render-engine/10175

Try Penpot for free at penpot.app.

Penpot Community: https://community.penpot.app

Follow us:

Penpot: Design as code.

00:00 intro

Sometimes the smallest interactions make the biggest impact. In this video, we introduce a customizable boolean toggle in the properties panel that lets you switch variant states instantly.

With a single toggle, you can move between states in seconds, reducing friction in your workflow and making component exploration faster and more intuitive. A simple change that brings speed, clarity, and control to everyday design tasks.

Perfect for design systems, UI/UX designers, and product teams who care about efficient workflows and thoughtful interactions.

Penpot Community: https://community.penpot.app

Follow us:

Penpot: Design as code.