Code
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.
Tutorial
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.
Open Source
How Open Source can champion Inclusion & Diversity in Design
Discover how open source initiatives promote inclusion and diversity in design, encouraging a collaborative and creative community.
Tools
7 best free design 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 systems vs. style guides and pattern libraries: a beginners guide
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
5 design system examples (and what you can learn from them)
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
5 reasons why CSS Grid Layout is key for designers
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
6 world-class UI design examples (and what to learn from them)
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
5 social media design tricks and why they work
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
What is the difference between UI and UX?
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
20 UI elements every designer needs in their toolkit
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,
Design
7 best apps of design software in 2024
Getting the attention of the fickle app market is a challenge. Only 4.3% of Apple app downloaders will still use an app after 30 days, and the numbers are even lower for Android users. How can you help solve the problem as a designer? One way to retain your
Tools
7 reasons Penpot is more than just a Figma alternative | Penpot
Looking for an open-source Figma alternative? Penpot offers unique features, collaboration tools, and flexibility that make it much more than just a design tool.
Design
5 ways our free design tool saves you time and money
You’ve been there before. Staring at a screen, weighing the pros and cons of a subscription fee, or attempting to navigate yet another clunky interface. Trying to find the perfect design tool is like hunting for a pixel in a video game — especially if you’re not willing to
Beginners
Penpot UI design software: A beginner’s guide
The most complex innovations often start with a simple process. Penpot’s free, open-source app helps to document design ideas in a way that’s simple enough, even for those with no design experience. So, even if you’ve never created a digital sketch or mockup before, this step-by-step tutorial
Design
What is a wireframe and how to make one
Wireframing is a popular tool for UX design professionals to show how users will interact with the page. Learn how to get started, why it’s best for ideation, and why you won’t want to keep your wireframes to yourself.