
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
Learn about components and how to use your team’s shared components for your design system in Penpot.
Tutorial
Learn about creating components and libraries of shared components in Penpot for your team’s design system.
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
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
In this post, we’ll guide you through the practical steps to create a Penpot account, migrate your projects, and start customizing Penpot.
Tutorial
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
You’ve been sent a Penpot file or downloaded a template from the Community. This tutorial will help you find your way around.
Tools
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
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
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
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.
Tutorial
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.
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
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
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
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.