PODCAST
Penpot Tutorials
Penpot is the open-source design platform for teams who build scalable products. Evolving into a full-stack design infrastructure, it replaces traditional handoffs with frictionless, multi-directional workflows. Built on open standards, Penpot empowers diverse teams and AI agents to deeply collaborate, think, and build the future together.
Episodes
-
Penpot grid layout vs guides
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...
-
Self-hosting Penpot: why data sovereignty matters now | Interview
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...
-
Turn any stroke into an editable path in Penpot
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
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: Stroke to path + Enterprise
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: a developer's tour of Penpot [2026]
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 enterprise teams want in a design platform (2026)
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?...
-
Comments in Penpot: feedback without leaving design mode
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 in Penpot 2.17
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...
-
Background blur arrives in Penpot 2.17
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...
-
Penpot AI Kit: agent skills for your design files [2026]
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 Background blur, smarter design tokens and more
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...
-
A developer's guide to Penpot | Design tokens, Grid, Flex & code
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...
-
How Blender Built Their First Design System in Penpot
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...
-
Community Contribution: Import Tokens from Linked Libraries
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...
-
Community Contribution: Double-Click to Edit Guides
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...
-
Community Contribution. Images made easy!
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...
-
AI Basics for Beginners: LLMs, Prompts, Agents, Tokens & MCP
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 Are AI Workflows? Connect AI Agents to Your Penpot Files
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...
-
Design Tokens Just Got Easier in Penpot 2.16
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...
-
New Render, Design Tokens & 100+ Improvements | What's new | Penpot release 2.16
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 ...
-
Boosted Performance in Penpot: New Render Engine
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...
-
Designing with AI: hype or reality?
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...
-
Penpot MCP Server Explained | What's new | Penpot release 2.15
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...
-
Penpot MCP Server Local Setup
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...
-
Penpot MCP Server Remote Setup in 1 Minute | Cursor
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...
-
Penpot MCP Server: Remote Setup in 5 Min | OpenCode + OpenRouter
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...
-
Intro to AI workflows| Penpot Hands-On Demo
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...
-
AI Design Tools Tested: Experiment #1
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...
-
Ambassador Program | Penpot Community Hours #4
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...
-
Get started with Penpot in under 5 minutes
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...
-
Penpot MCP Server | Generate Real HTML & CSS from a Penpot Board
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...
-
What's new | Penpot release 2.14
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...
-
Penpot Ambassador Program
Penpot Ambassador Program is live! Our ambassador program is a peer-to-peer learning network where designers, developers, educators connect and celebrate the open-source spirit. Penpot Ambassadors will build an open library full of insights th...
-
Penpot MCP Server | Every form variants
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 man...
-
Penpot MCP Server | Scribble to Design
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/pen...
-
Penpot MCP Server | Unlimited AI agents in your workflow
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 take...
-
Design Systems at Scale | Penpot ✕ Tokens Studio Hands-On Demo
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 guid...
-
Color in UI Design with Penpot!
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 g...
-
Intro to typography design tokens | Penpot Hands-on Demo
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 typograph...
-
Recover deleted files from Trash | Penpot 2.13
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...
-
Shadow Tokens | Penpot 2.13
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 ...
-
What's new | Penpot release 2.13
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: Recover deleted files from Trash and, Shadow tokens., 👉 Thi...
-
Variants state toggle | Penpot 2.12
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 s...
-
Color tokens on the design properties panel | Penpot 2.12
Managing color design tokens just got easier. In this video, we explore how you can view and edit color tokens directly from the design properties panel, giving you instant visibility and better control during your design workflow. This improve...
-
Composite Typography Token | Penpot 2.11
Step into the world of Composite Typography Tokens and discover a smarter way to manage text styles in Penpot. In this video, Juan, Product Designer, introduces composite typography tokens that bundle font, weight, size, line height, spacing, and ...
-
What's new | Penpot release 2.12
This release is all about removing friction and giving you a smoother, more connected workflow: Color tokens appear now on the properties menu, Variants have an intuitive boolean toggle, PDF export becomes easier to select, Single sign-o...
We're indexing this podcast's transcripts for the first time — this can take a minute or two. We'll show results as soon as they're ready.
No matches for "" in this podcast's transcripts.
No topics indexed yet for this podcast.
Loading reviews...
ABOUT THIS SHOW
Penpot is the open-source design platform for teams who build scalable products. Evolving into a full-stack design infrastructure, it replaces traditional handoffs with frictionless, multi-directional workflows. Built on open standards, Penpot empowers diverse teams and AI agents to deeply collaborate, think, and build the future together.
Loading similar podcasts...
Frequently Asked Questions
How many episodes does Penpot Tutorials have?
Penpot Tutorials currently has 47 episodes available on PodParley. New episodes are automatically indexed when they're published to the podcast feed.
What is Penpot Tutorials about?
Penpot is the open-source design platform for teams who build scalable products. Evolving into a full-stack design infrastructure, it replaces traditional handoffs with frictionless, multi-directional workflows. Built on open standards, Penpot empowers diverse teams and AI agents to deeply...
How often does Penpot Tutorials release new episodes?
Penpot Tutorials has 47 episodes. Check the episode list to see recent publication dates and frequency.
Where can I listen to Penpot Tutorials?
You can listen to Penpot Tutorials on PodParley by clicking any episode. We provide an embedded audio player for direct listening, and you can also subscribe via your preferred podcast app using the RSS feed.
URL copied to clipboard!