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.

Tutorial

Tutorial: How to navigate a Penpot file

You’ve been sent a Penpot file or downloaded a template from the Community. This tutorial will help you find your way around.

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.

Tutorial

Why you should use Penpot’s flexible layouts for your responsive designs

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.

Tutorial

Tutorial: How to create responsive CSS Grid layouts in Penpot

With Penpot, you can create CSS Grid layouts without any code. This tutorial explores creating a bento grid layout for a sales dashboard UI.

Tutorial

Tutorial: How to create CSS Flex layouts in Penpot

Create CSS Flex layouts without learning how to code. This tutorial shows you how to use Penpot’s flexible layout tools using our sales dashboard UI template.