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 roles to use and adapt easily.CSS Grid…
A design system comes with many benefits for organizations. It offers consistency, an improved workflow, and collaboration between teams from all over the world. Some of the top design systems can even inspire other brands to be more intentional with their work and create a better user experience.Why share a…
If you've been around design teams much, you've probably heard the phrases "design system," "style guide," and "pattern library." While all are beneficial for the busy creative team, they may not offer as much overlap as you may think.Knowing whether to use each one depends a lot on your project…
Executives want their organizations to be more creative but admit it’s hard to find the time to do so. With competing priorities taking up company resources, good design often falls to the wayside, deeply impacting customer experience.Fortunately, many software solutions exist today for closing the creativity gap. Whether you’re making…
Clicking through an interactive flow is valuable when demonstrating user journeys to stakeholders, handing off designs to developers, or even doing early-stage user testing.In this tutorial, I’ll introduce you to some of the most common interactions you’ll prototype using Penpot. Penpot is brilliant for prototyping because you can work with…
In the Tech Community, conversations about the access of all kinds of profiles to the technology industry are common. It is usual to find debates about training, tools, collaboration with Open Source projects. There are also a lot of initiatives geared towards diversity, accessibility and inclusion.In Design, the conversations often…
Interactive prototypes are a great way to share how you want your design to behave when they’re live. You can easily mimic navigation and overlay behaviors, and even model state changes. Check out our tutorial featuring these examples. Then, use the following tips to level up your Penpot skills.1: Use…
The color of that button on your home page may have infinite color possibilities, but changing between those possibilities still uses real-life developer resources. To avoid creating additional effort for the developer team, designers can use a design system — or an agreed-upon collection of design and code decisions. This framework…
Wireframes are low-fidelity skeleton designs focusing on content, interface elements, navigation, and layout. They’re usually grayscale line drawings with no imagery, color, or attractive typography. You might be tempted to draw wireframes by hand, but using a design tool like Penpot can speed up the process, allowing you to speedily reposition…
Design systems are collections of design patterns, code snippets, and guiding documentation. Teams can use these systems across projects to create more consistent user experiences and efficient design and development processes. Design systems are a great collaborative tool and save teams from reinventing the wheel on each new project when it…