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.
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.
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.
Learn about components and how to use your team’s shared components for your design system in Penpot.
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
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.
In this post, we’ll guide you through the practical steps to create a Penpot account, migrate your projects, and start customizing 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.
You’ve been sent a Penpot file or downloaded a template from the Community. This tutorial will help you find your way around.
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.
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.
With Penpot, you can create CSS Grid layouts without any code. This tutorial explores creating a bento grid layout for a sales dashboard UI.
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.
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.
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.
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.
Design
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
Learn how to design, present, and share wireframes with Penpot using our Wireframing Kit library to get started quickly.
Code
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.
Tutorial
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.
Open Source
Discover how open source initiatives promote inclusion and diversity in design, encouraging a collaborative and creative community.
Tutorial
As UI and UX designers, we’re pretty limited by how much we can convey in static visuals. Interactive prototypes are a handy way to show exactly how our designs should behave.
Tools
Design software helps even those without a formal design background do more in less time. These free design tools are the best in their respective fields and won't add a penny to your production budget.
Beginners
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
Some of the top design systems can even inspire other brands to be more intentional with their work and create a better user experience.
Penpot
CSS grid layouts aren't new, but they're still incredibly powerful and allow you to do some truly amazing things with your web design. It's perfect for designers who want to form better working partnerships with the developers since it’s made for both professional
Design
What makes one website or app more successful than another? While product offerings and customer service certainly play a part, your UI design is your users/customers’ first impressions of your organizations. Users have become increasingly aware of how they engage with a site or app, and each click can
Design
Proven design concepts can help your brand message stand out in an accessible way to more people in more places. This is especially true on social media, where you have just seconds to capture the attention of people scrolling past your post. Are you making graphics for a LinkedIn post
Design
If users don’t find your product engaging or seamless to use, they may skip it for a competitor’s product. That’s where user interface (UI) and user experience (UX) design come in. These closely related disciplines help you build products that put users first.
Design
UI design elements are the pieces that create an engaging website or app experience. Users can’t interact with a site to achieve their goals without them. From clicking links to submitting forms, each user action depends on fully functional and intuitive design elements to get the job done. However,