Tutorial
Tutorial: How to create CSS Flex and Grid layout components in Penpot
To create consistency across your design system and help speed up the design process, you can save Penpot flex and grid layouts as reusable components.
Latest
Open Source
Why Open Source?
Many companies are acknowledging the advantages of using Open Source software. One of the main characteristics in open source is that it can accelerate processes of innovation.
UX
What is the Double Diamond design process (and how to use it today)
The Double Diamond design process is a structured approach to product and UX design, dividing the creative journey into four phases: discover, define, develop, and deliver.
Design
5 ways design systems improve user experience
A design system is a defined library of visual elements, user experience components, documentation, and code snippets. A design system offers significant user experience benefits over the traditional design documentation of the past.
Design
7 crucial design system elements for teams and how to create them
Design systems offer numerous benefits for organizations, such as helping teams collaborate, reducing build time, and ensuring consistency. When used to create new products, design systems help even new team members get up to speed quickly.
Design
Design systems with Penpot
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.
Tutorial
Tutorial: Creating wireframes with Penpot
Learn how to design, present, and share wireframes with Penpot using our Wireframing Kit library to get started quickly.
Code
9 ways design systems improve developer efficiency
To avoid creating additional effort for the developer team, designers can use a design system. Let's look at specific ways a design system can be helpful for your dev team.
Tutorial
Three top tips for designing interactive prototypes with Penpot
Find out the top three tips to help you make great prototypes with Penpot every time. Use the following tips to level up your Penpot skills.
Open Source
How Open Source can champion Inclusion & Diversity in Design
Discover how open source initiatives promote inclusion and diversity in design, encouraging a collaborative and creative community.
Tutorial
Tutorial: Creating interactive prototypes with Penpot
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.
Tools
7 best free design tools
Design software helps even those without a formal design background do more in less time. These free design tools are the best in their respective fields and won't add a penny to your production budget.
Beginners
Design systems vs. style guides and pattern libraries: a beginners guide
Design system, style guide, and pattern library are all beneficial for a creative team, however they may not offer as much overlap as you may think. Find out the differences.
Design
5 design system examples (and what you can learn from them)
Some of the top design systems can even inspire other brands to be more intentional with their work and create a better user experience.
Penpot
5 reasons why CSS Grid Layout is key for designers
CSS grid layouts aren't new, but they're still incredibly powerful and allow you to do some truly amazing things with your web design. It's perfect for designers who want to form better working partnerships with the developers since it’s made for both professional
Design
6 world-class UI design examples (and what to learn from them)
What makes one website or app more successful than another? While product offerings and customer service certainly play a part, your UI design is your users/customers’ first impressions of your organizations. Users have become increasingly aware of how they engage with a site or app, and each click can