Learn how to use Penpot with step-by-step tutorials created by the Penpot team. Explore core features, workflows, and best practices for designing and collaborating in open-source.
Curated by: Penpot (95 videos)
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 the kit is, what's inside it, and why it beats prompting alone: the agent knows which skill fits each task, combines them when needed, and still produces solid results when your prompt is vague. The skills cover everyday design work: auditing existing designs, generating design tokens, managing component libraries, or building interfaces from scratch. It works with frontier models and open-weight models alike, and because everything is open and customizable, you can use it as a starting point for your own team's skills. 👉 Get the kit and browse the full skill catalog: https://github.com/penpot/penpot-ai-kit 👉 New to the Penpot AI Kit? See what it is and how it works: https://youtu.be/pfDq7FDokvA 0:00 What the Penpot AI Kit is 0:09 Skills and agent instructions, explained 0:28 Teaching your agent to use the Penpot MCP server 0:50 Better results than prompting alone 1:14 The skill catalog: audits, design tokens, component libraries 1:39 Any model, and fully customizable 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 Penpot: Full Stack Design #Penpot #openSource #MCP #AIdesign #designToCode