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

How to choose a color palette and use it to build your brand

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.

Beginners

How to make a mood board for your next app or website design

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.

Tutorial

Design systems best practices with Penpot

If you want to create a design system using Penpot, I’ve got some tips, tricks, and best practices for you.

Code

How to create interactive image hover effects with CSS

Learn how to create effective hover effects in different ways and how they help designers provide a better user experience

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.

Code

How to use CSS and media query breakpoints to create responsive layouts

Responsive layouts “respond” to the size and resolution of the device they are presented on, and underpinning these layouts are CSS media query breakpoints.

Tutorial

Tutorial: Creating Penpot color palettes and libraries

Learn how to use color and save reusable colors for your design system with Penpot’s color palette and shared libraries.

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.

Tutorial

Tutorial: How to use components and shared libraries

Learn about components and how to use your team’s shared components for your design system in Penpot.

Tutorial

Tutorial: Create and share components in Penpot

Learn about creating components and libraries of shared components in Penpot for your team’s design system.

5 best Figma alternatives

When it comes to digital design tools, there are few bigger than Figma. However, Figma comes with drawbacks, whether it’s costs, UX issues, or privacy concerns with AI. For this reason, many people are wondering what Figma alternatives are out there and whether it’s time to make the

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.

Tutorial

Tutorial: How to use icons from a shared icon library in Penpot

I recently shared a css.gg icons library template in the Penpot Libraries & Templates collection. Here’s how you can use icons from this (and other) shared libraries in Penpot.