Set up Penpot MCP with Cursor in 5 steps and no code
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.
Latest
Set up Penpot MCP with OpenRouter and OpenCode in 6 steps
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.
Practical uses for math functions in design tokens
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.
How to make your prompts more efficient
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).
The designer's guide to effective AI prompting
Learn how to write structured, token‑aware AI prompts in Penpot so you get cleaner design systems, fewer hallucinations, and faster, production‑ready outputs.
A practical guide to the design tokens JSON format
Learn about the design tokens JSON file format and how Penpot works with it.
Cloud repatriation: 5 reasons why enterprises are self-hosting their design tools
Why are design platforms overlooked in cloud repatriation plans? Discover 5 reasons enterprises self-host design tools for security, compliance, and cost control.
How to deploy Penpot with Docker: A Technical, Step-by-Step Guide
Step-by-step guide to deploying Penpot with Docker. Covers installation, configuration, version management, backups, HTTPS setup, and authentication for self-hosted instances.
6 benefits of design tokens for enterprise teams
Design tokens eliminate inconsistency and speed up designer-developer collaboration. Explore 6 benefits that make them essential for enterprise design systems.
Penpot vs. Figma: Which design platform is right for enterprise teams?
Compare Penpot and Figma on the criteria enterprise teams care about most: data sovereignty, pricing predictability, developer integration, and long-term scalability.
6 best Adobe XD alternatives
In this guide, we’ll explore six of the best Adobe XD alternatives, following its sunset in June 2023, highlighting their features, pros and cons, and which tools may serve as the best long-term replacement for your team.
How Penpot makes design and developer collaboration seamless
Penpot bridges the design-development gap by eliminating the translation layer that creates friction in traditional workflows.
Tutorial
Tutorial: Creating and using shadow tokens
Using shadows carefully and consistently in your UI design can make it feel polished. Shadow design tokens help you implement the consistency and quickly update your shadows across your design system.
Design
Brand consistency: How enterprises maintain and build their brands
Brand consistency is the disciplined, repeatable presentation of one identity-visual, verbal, and experiential-whenever and wherever audiences encounter you
Tools
6 reasons enterprise companies choose to self-host Penpot
Penpot gives enterprise teams something most SaaS design tools simply cannot offer: full control over a design platformplatform, without sacrificing collaboration, performance, or product velocity. But how?
Tutorial
Using design tokens for a proportional typographic scale
A proportional typographic scale is a hierarchy for font sizes that uses a consistent mathematical ratio. Design tokens are ideal for creating these scales.
Tutorial
Tutorial: Creating and applying typography design tokens
Typography design tokens are a way to save your text styles for reuse across your projects. The typography composite token combines multiple typography-related properties in one mega token.
Design
Web design color theory: How to build brands and improve UX with color
Colors bring a webpage to life, and some of our most engaging digital experiences wouldn’t work without a good use of color theory. What different colors go together? Are the basics of color theory enough?
Open Source
How to self-host Penpot: A technical implementation guide
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.
Beginners
7 Penpot prototyping features to bring your next project to life
Prototypes are essential in any major build, but their role has evolved. Today they go beyond visual mockups, helping teams catch issues early, test connections, validate assumptions with real data, and keep designers, developers, and stakeholders aligned.
Tutorial
Penpot deep dive: Color tokens vs asset colors
Color design tokens and asset colors are both ways you can store colors in Penpot for reuse. There are some key differences that might affect which you choose to use in your project.
Design
Design tokens for designers: A practical guide
Design tokens bring together design and development teams with a single, unified language for expressing color, fonts, sizing, and more.
Open Source
4 reasons why enterprises benefit from open-source design platforms
Whether it’s scaling across hundreds of designers or self-hosting and customizing an instance to meet strict requirements, open-source software gives enterprises the control they need to succeed - and one of the biggest advantages is flexibility.
Code
The developer’s guide to design tokens and CSS variables
Design tokens are a platform-agnostic representation of your design decisions, while CSS variables provide a way to implement these decisions in the browser.