Tutorial

Design Tokens with Penpot

Design tokens are the smallest repeatable elements of your design that can be reused consistently across your Penpot projects and teams.

Code

What is CSS? A beginner’s guide

While learning CSS takes time, understanding how it works should be easy. In this guide, we’ll explain the basics of CSS to help you start your journey.

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.

Code

What are design tokens? A complete guide

Design tokens create a single source of truth for design decisions, making your design system more maintainable, scalable, and consistent.

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.

Design

Accessible Design Checklist

Improve your design’s accessibility with this quick reference checklist and Penpot plugin.

Code

7 ways Penpot empowers developers to do their best work

Read about how Penpot is changing the way developers work for the better. We’ve identified some of the ways they can see results right away from making the switch