
Tutorial
Design Tokens with Penpot
Design tokens are the smallest repeatable elements of your design that can be reused consistently across your Penpot projects and teams.
Code
While learning CSS takes time, understanding how it works should be easy. In this guide, we’ll explain the basics of CSS to help you start your journey.
Design
Curious about the difference between Sans Serif and Comic Sans? Not sure if font or typeface are the same thing? Here are the basics around typography and why choosing the right look for your words matters.
Beginners
Great design can be learned; many of the best designers started by watching others and using their best practices for their own work.
Design tokens create a single source of truth for design decisions, making your design system more maintainable, scalable, and consistent.
Improve your design’s accessibility with this quick reference checklist and Penpot plugin.
Learn how to create effective hover effects in different ways and how they help designers provide a better user experience
Penpot uses CSS Flex and Grid layouts, so you can build modern and responsive layouts (without knowing how to code!) that will work the same on the web.
Let’s walk through the Penpot features you can use to create your team’s design system, from shareable libraries to generated CSS and everything in between.
As UI and UX designers, we’re pretty limited by how much we can convey in static visuals. Interactive prototypes are a handy way to show exactly how our designs should behave.
Articles and tutorials on design and code collaboration, Open Source, Penpot, and everything in between.
In this guide, we’ll walk you through the essential steps and tools to create a brand identity that’s memorable, meaningful, and built to scale.
An outstanding ecommerce UX design can make your customers complete their purchases on your site. Find here 5 ecommerce UX examples.
Wireframes and mockups offer a tangible roadmap for refining your best ideas. Each has a unique role in the creation pipeline.
Design tokens create a single source of truth for design decisions, making your design system more maintainable, scalable, and consistent.
To stand out from the crowd, you’ll want to focus on making your UI as usable and effective as possible — these design tips can truly separate you from your competition.
Used for everything from mobile apps to e-commerce sites, the design-to-code approach has helped teams turn out fantastic work in less time.
Improve your design’s accessibility with this quick reference checklist and Penpot plugin.
Read about how Penpot is changing the way developers work for the better. We’ve identified some of the ways they can see results right away from making the switch
We've identified the five areas most likely for hiring teams to find valuable in 2025.
Colors play a crucial role in shaping brand identity. Since the 15th century, color theory has guided designers worldwide in selecting the ideal combinations to enhance and elevate their designs.
When you go through the process of creating a mood board, you get a better idea of the feeling your product should evoke for users. Here’s how to make a mood board you can be proud of.
If you want to create a design system using Penpot, I’ve got some tips, tricks, and best practices for you.