Penpot Tutorials

Penpot grid layout vs layout guides: they look similar, but they do very different things. Here's when to use each one. Guides help you align and see your design, but they don't control your content. Grid layout is real layout: add it to a boar...

SaaS has long been the default for new software, but more teams now ask where their tools run and where their data lives. Self-hosting Penpot keeps your designs, files, and comments on your own infrastructure or the cloud provider you choose. S...

Penpot can now turn any stroke into real vector geometry. Perfect for icon design, where starting with strokes is easier before converting to full paths. Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://h...

Meet Penpot Enterprise: a new governance layer for teams that need to scale. In this video, Juan de la Cruz, designer at Penpot, walks through what is included in the Enterprise plan: organizations, flat per-person pricing, access control, and ad...

Penpot 2.18 is here, and it's a big one: strokes can now become fully editable paths, and we're introducing the first version of Penpot Enterprise. In this walkthrough we cover stroke to path for icon and vector work, a redesigned font selector...

Design as code, in practice: Elena Torró, Software Engineer at Penpot, walks through Penpot, the open-source design platform, from a developer's point of view, and why the interesting part isn't (just) the handoff: Open standards instead of propr...

What do enterprise organizations really want from a design platform in 2026? Surprisingly, the answer is not just about having more features or better AI. Instead, enterprise teams are asking different questions: Can it scale across the companies?...

Penpot 2.17 lets you read and reply to comments without leaving your design workspace — no more switching views just to check feedback. In this clip, Juan shows how to open comments while actively designing, reply to teammates, and keep making ...

Design tokens just got easier to work with in Penpot 2.17 — more visible, faster to build, and quicker to propagate across your file. In this clip, Juan walks through what's new: typography tokens now show up when you select multiple text layer...

Penpot 2.17 adds background blur, so you can build frosted glass surfaces, translucent nav bars, and floating panels without ever leaving the canvas. In this clip, Juan shows where to find the new Background blur option in the design sidebar, h...

The Penpot AI Kit is an official Penpot repository of agent skills and instructions that teach an AI assistant how to work properly inside your design files. Starting with how to use the Penpot MCP server well. In this clip, Juan explains what ...

Penpot 2.17 is here, and background blur — one of the most requested effects on the roadmap — has finally landed. This release also makes design tokens more visible and responsive, keeps pushing WebGL rendering forward, makes MCP easier to connect...

Take a full guided tour of Penpot's design-to-code workflow with Laura Kalbag, Educator at Penpot, built around one idea: design as code. Because Penpot expresses every layer as declarative, semantic structure, Inspect mode isn't just a spec sheet...

The Blender team had a design system problem, and Penpot solved it. Before Penpot, Blender's design team was hacking together HTML and CSS just to keep their UI components consistent. Then everything changed...

Renan, Penpot Ambassador in Brazil, shows how to import tokens directly from a selected linked library into the current file. Check out our complete Penpot 2.16 walkthrough with Juan de la Cruz, 👉 https://peertube.kaleidos.net/w/oujv17aSLPuUix...

Learn how to edit a ruler guide’s position by double-clicking the guide pill, as shared by Sara at dndg, Penpot Ambassador in Italy. Check out our complete Penpot 2.16 walkthrough with Juan de la Cruz, 👉 https://peertube.kaleidos.net/w/oujv17a...

Louis), Penpot Ambassador in France, demonstrates how to copy a board as an image directly to your clipboard for easy pasting in your file. Check out our complete Penpot 2.16 walkthrough with Juan de la Cruz, 👉 htt...

New to AI workflows? Start here. In this video, Laura Kalbag explains the essential AI concepts everyone should know—from LLMs and prompts to agents, tokens, and MCP. A practical introduction for designers, developers, and anyone looking to unders...

What exactly are AI workflows, and why are they becoming such an important part of modern product development? In this video, Laura Kalbag and Juan de la Cruz explain how AI workflows combine structured processes with AI agents to help teams wo...

Discover one of the most impactful updates in Penpot 2.16: Design Tokens for numeric inputs are now integrated directly into the Design panel, just like color tokens. No more jumping between panels to check token bindings or apply system values...

Juan de la Cruz, Designer at Penpot, walks us through what's new in Penpot 2.16. This release introduces WebGL rendering (beta), designed to improve performance when working with large and complex projects, including design systems, multi-page ...

In this video, Juan de la Cruz, Designer at Penpot, introduces one of the latest platform improvements: WebGL Rendering (Beta), a faster canvas for demanding files that users can now enable from their settings. Learn how this new rendering tech...

Juan de la Cruz is part of the Penpot design team, where he’s exploring how AI agents, design systems, and code-readable workflows can actually work together in real product design. In this conversation, he shares what surprised him most about...

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 actua...

Learn how to install and run the local Penpot MCP Server for advanced AI-powered design workflows. In this video, we cover both local installation methods: • Running the MCP Server directly with npm • Installing it from the official GitHub re...