Design
How to use component variants to scale your design system
This article explores how you can use component variants to simplify, scale, and future-proof your design system, helping you design more efficiently as your projects grow.
Beginners
What is Interaction Design? A Guide for UX Designers
In this article, we'll break down what makes interaction design different from other types of design, go over its key ideas, and share the tools and steps designers use to create great digital interactions.
Beginners
Mastering the iterative design process: A complete guide
What does it take to make the next big idea come to life in a tangible way that truly helps people? The iterative design approach can be used for any field, but it’s most notable in software development and user interface design.
Design
Tutorial: Creating and using component variants in Penpot
Component variants are a way to create different variations of a component. Does your component need different sizes? Colors? Levels of elevation? Variants make it easy to define these properties, and choose between them when you’re using a component in your designs.
Design
Tutorial: 5 examples of component variants
Variants add an extra level of flexibility to your components, as well as providing better documentation and making designs even more developer-friendly.
Beginners
How to build a memorable brand identity
When you think of iconic brands, a few instantly come to mind: the golden arches of McDonald's, the sleek simplicity of Apple. These companies have mastered the art of brand identity, crafting visual and emotional connections with consumers worldwide.
Design
Why use Design Tokens? 7 practical reasons designers and developers swear by
From reducing human error to creating more harmony between teams, let’s explore the benefits of design tokens and why you might want to consider using them in your next project.
Design
UX accessibility: 8 best practices for more inclusive design
By focusing on accessibility in UX design from the very first sketch of your app or site, you can get everyone thinking about the best way to serve every user. Find out how!
Code
How to create an intuitive design token system
In this guide, we’ll walk through creating a token system that works intuitively for both designers and developers.
Design
Typography hierarchy: How to improve readability
We read thousands of words on our mobile devices and computers daily, but not all of these words get the same attention. How do we decide which words to stop for?
Design
How to design a mobile app for free in 7 simple steps
In this comprehensive guide, we'll roll up our sleeves and get into exactly those steps, equipping you to confidently lay the groundwork for your first mobile app. Let's get building!
Design
The best image format for every use case: A complete guide to using JPG, PNG, and more
Each image file type was created for a good reason, but it may not be the right reason for you. Because images can have different purposes, you’ll need to know your ultimate purpose in using an image before selecting the right type.