Penpot Tutorials

Penpot MCP Server | Every form variants


Listen Later

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

Ensure full state coverage
Strengthen design system consistency
Scale component exploration effortlessly
Transform complex UI logic into structured output

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

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: Design as code.

...more
View all episodesView all episodes
Download on the App Store

Penpot TutorialsBy