Beginners
Wireframes vs. mockups: How to use both for better design
Wireframes and mockups offer a tangible roadmap for refining your best ideas. Each has a unique role in the creation pipeline.
Paula Tienza
I’m part of Penpot Community team. I’ve spent over 15 years between designers, developers and Marketing. And I enjoy fostering collaboration between these worlds.
Beginners
9 UI design tips for smarter marketing project designs
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.
Penpot
Transform Your Designs Into Code With Penpot
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.
Code
7 ways Penpot empowers developers to do their best work
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
Beginners
Product designer skills: 5 skills employers are looking for in 2025
We've identified the five areas most likely for hiring teams to find valuable in 2025.
Beginners
7 wireframing examples for better designs
Wireframes are an integral part of designing any app or website. These analog or very low-fidelity drawings have one purpose: to show the basic layout and navigation of your idea.
Beginners
What is a component library?
Designers and developers create better products when they can collaborate easily and create consistent design decisions. One of the more practical ways to accomplish both aims is to employ a component library.
Beginners
Creating a design system: A beginner’s guide in 7 steps
A design system guides every new project and helps designers, developers, and other teams stay unified in their workflows. Learn how to create a design system in 7 steps.
Beginners
The important role of design systems in modern UI
Customers want seamless experiences, fuss-free navigation, and the chance to be part of something meaningful and innovative. If your UI doesn’t reflect all of these things, you may be wondering how a design system can help.
Tools
How to make the switch from Figma to Penpot (Part II)
In this post, we’ll guide you through the practical steps to create a Penpot account, migrate your projects, and start customizing Penpot.
Tools
How to make the switch from Figma to Penpot
There are many reasons designers or developers might migrate to Penpot. Penpot’s browser-based software is free and open-source, so you'll always own your work.
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.
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.
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.