Assets: Format, Performance, and Exporting

Format Design programs enable you to export in common image formats, such as jpg, png, svg, and pdf. Each has […]

Read More

Assets: Naming & Resolution

Naming Be consistent with naming. Find out if there is a consistent file naming scheme the developers prefer at your […]

Read More

Components

Naming Be intentional and consistent when naming components. Use names that match the terms used in your design system, terminology […]

Read More

Styles

Use styles for colors and typography Styles are a common feature in design tools that help designers use consistent colors […]

Read More

Content States

User Interfaces are typically quite dynamic, as content can change depending on user interactions and system statuses. Whenever possible, include […]

Read More

Interaction States

Interactive States Include focus, hover, and click/tap states A common mistake designers make is forgetting to add interactive states. How […]

Read More

Spacing & Grid Systems

Spacing units Websites and apps usually have consistent spacing between elements because it makes a design look cohesive, and it’s […]

Read More

Screens

Device-Sized Screens ✨ Project Check-in: In our project file, we’re designing a specific component; not an entire screen. So for […]

Read More

Pages

Let’s get this file ready to share with developers. We’ll start by using pages to organize the information. Cover Image […]

Read More

Ideating with Developers

The value of collaborating with developers EARLY In an ideal situation, you’re communicating with developers early on in the design […]

Read More