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.
Design
Intro to Design Tokens
Design tokens are tiny reusable building blocks. You can use them to keep colors, spacing and other styles consistent across your design, and combine them to create design systems.
Design
How To Choose the Right Typeface for Your Design: An Intro to Typography
Curious about the difference between Sans Serif and Comic Sans? Not sure if font or typeface are the same thing? Here are the basics around typography and why choosing the right look for your words matters.
Beginners
6 advanced UI design trends to enhance your product's UX
Great design can be learned; many of the best designers started by watching others and using their best practices for their own work.
Tools
How to create a brand identity: Tools and tips to make it happen
In this guide, we’ll walk you through the essential steps and tools to create a brand identity that’s memorable, meaningful, and built to scale.
Design
5 ecommerce UX examples (and what you can learn from them)
An outstanding ecommerce UX design can make your customers complete their purchases on your site. Find here 5 ecommerce UX examples.
Beginners
Wireframes vs. mockups: How to use both for better design
Wireframes and mockups offer a tangible roadmap for refining your best ideas. Each has a unique role in the creation pipeline.
Beginners
9 UI design tips for smarter marketing project designs
To stand out from the crowd, you’ll want to focus on making your UI as usable and effective as possible — these design tips can truly separate you from your competition.
Penpot
Transform Your Designs Into Code With Penpot
Used for everything from mobile apps to e-commerce sites, the design-to-code approach has helped teams turn out fantastic work in less time.