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.
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: 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: 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.
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.
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.
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.
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.
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 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: Creating wireframes with Penpot
Learn how to design, present, and share wireframes with Penpot using our Wireframing Kit library to get started quickly.
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.
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.