Migration
Figma to Penpot terminology cheatsheet
Switching from Figma to Penpot? Here’s what everything is called, from boards and flex layout to design tokens and Inspect.
Design
You’ve used a design tool before, and you just want to know the basics to help you get started with Penpot layouts. This is the extra quick explainer just for you!
Design
Everything you need to know about Penpot layouts, whether you want static and pixel-precise, or flexible and responsive. Including designing in CSS Flex and Grid.
UI
Have you ever heard what "glassmorphism" is? Maybe not, but I'm sure you've seen an increase in glass effects in UI design across websites, apps, and operating systems.
Figma is powerful but not perfect. Explore 14 UI and UX design tools, from open-source to AI-first, to find the best Figma alternative for your team.
Compare Penpot and Figma on the criteria enterprise teams care about most: data sovereignty, pricing predictability, developer integration, and long-term scalability.
Once you've decided to bring Penpot into your own infrastructure, the next step is making sure your instance runs smoothly, stays secure, and scales with your team. Learn how to self-host Penpot in your infrastructure.
Design tokens bring together design and development teams with a single, unified language for expressing color, fonts, sizing, and more.
Component variants are a way to create different variations of a component. Does your component need different sizes? Colors? Levels of elevation? Variants make it easy to define these properties, and choose between them when you’re using a component in your designs.
This piece explains some of Penpot's relevant findings around AI and UI Design, what we’re building (and why) and what you should expect from us in the future.
Learn about Design and Code: our insights on collaboration and more.
Looking for a Sketch alternative? Compare Penpot, Figma, Lunacy, Framer, and Paper on AI integration and self-hosting to find the best fit for your team.
Background grids are guides you use to help you manually position design elements by eye. Grid layouts automate layouts (often responsively) based on the design rules you provide.
Considering Paper for UI/UX design? See how it compares to five alternatives, including Penpot, Figma, and Framer, before committing to an open alpha tool.
AI is built into your design tools, but do you know where your data goes? Learn how AI governance frameworks protect your IP, privacy, and compliance.
Agile design itself is changing fast as AI upends how design gets practiced. This guide is a quick Agile design refresher, useful to revisiting the fundamentals.
Open source isn't just how Penpot is built, it's how we think about collaboration. We grow with our community, not apart from it. The Ambassador Program is the latest way we're putting that philosophy into practice.
When three kinds of strokes entangle with each other, the resulting design system is chaotic for most initial conditions. Let's go through the stroke rendering in design software.
Master DesignOps for enterprise teams. Discover the 3 pillars of design operations, common challenges, and a step-by-step framework to scale design.
Vendor lock-in traps your design files in proprietary formats. Learn what it is, why it matters for design teams, and how to avoid it with open standards.
Learn how to implement maintainable developer-friendly breakpoints with design tokens and themes.
Learn how you can help your remote team work better together with these eight tips centered on human connections and smart management styles.
Learn about practical use cases for design to code, code to design, and design to docs AI workflows with Penpot MCP.