Design
Designing with breakpoints and design tokens in Penpot
Learn how to implement maintainable developer-friendly breakpoints with design tokens and themes.
Design
Learn how you can help your remote team work better together with these eight tips centered on human connections and smart management styles.
AI
Learn about practical use cases for design to code, code to design, and design to docs AI workflows with Penpot MCP.
AI
Claude Design promises faster UI generation, but is it enough for enterprise teams? Learn what it does well, where it falls short, and what to look for in AI design tools.
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.
Learn what UX design is, why it matters, and how to become a UX designer. Explore key skills, UX vs. UI, the design process, and steps to start your career.
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.
AI is reshaping data sovereignty. Learn how AI-powered design and development tools create new risks, and how to build a sovereignty-first product stack.
What AI workflows are, how Penpot MCP connects your files to agents, and when they’re worth using on real product work.
Learn what prototyping is, why it matters, and how to get started. From low-fidelity sketches to interactive flows, this guide covers everything you need to build better products before a single line of code is written.
Turn design updates into automated workflows. Learn how to connect Penpot with GitHub Actions, GitLab CI/CD, Slack, and custom scripts using APIs, access tokens, and webhooks.
Discover 8 advanced Penpot features that help product teams reduce design-to-development friction, create more efficient workflows, and maintain consistency at scale.
The fastest and simplest way to get started with Penpot and AI workflows from scratch. Learn how to get started with Penpot and Cursor, a code editor with an integrated AI client.
One of the fastest ways to set up Penpot for AI workflows in just 6 steps, no coding required, and only using free, open, and/or low-cost tools.
Penpot design tokens support both basic calculations and complex math functions. Let’s explore how you can use both to level up your design systems.
The following “token-aware” approach treats prompts like structured contracts instead of a wish-list or diary, so you get better outputs in fewer iterations (and with fewer prompt credits).
Learn how to write structured, token‑aware AI prompts in Penpot so you get cleaner design systems, fewer hallucinations, and faster, production‑ready outputs.