Home » Directory »

Design + Sketch Design + Sketch

A great collection of stories and tutorials on designing and prototyping with Sketch and beyond.


Visit site »


Creating Depth in Sketch

Have you ever noticed elements in an interface that feel raised off of the page or inset into the background? Let’s learn how to recreate this in Sketch.

Visual design

Truly fluid typography

You are probably used to setting typography manually within breakpoints, which usually leads to a somewhat bumpy result. Fluid typography using viewport width (“vw”) automatically adjusts the font size to the width of the screen.

Visual design Web development

Bringing the power of styles preprocessing to Sketch

Design tokens is a concept brought to help manage the complexity of modern design systems. It’s a set of ground level rules to follow both for designers and developers.

Design systems

Understanding CSS grid

CSS Grid is a new way to create two-dimensional layouts on the web. With just a few lines of CSS, you can create a grid that was hardly possible before without JavaScript. No plugin or complicated installs, no heavy additional files, no more design limitations.

Web development HTML and CSS

Here’s what developers want designers to know about developer handoff

If you want to to create a more seamless design handoff, consider these seven principles for better designer to developer handoff.

Communication Handoff

Five years of design systems – a personal journey into scalable design

Welcome to an ongoing series of articles and tutorials that will lead to the creation of a free, open source design system.

Design systems

UX Lift newsletter

Join with hundreds of other creatives and get a roundup of the best UX articles, resources and tools every week.

Get the newsletter