Design - Articles

Design tokens are mainly used for “core” properties (colors, typography, spacing, etc). But trust me, they can do much more than just this.

An in-depth guide to designing more accessible search bars.

Creating a high-quality icon family requires a thoughtful approach, a trained eye, and a lot of practice. Below, I’ll illustrate the…

If you understand the basics of the business model and strategies in which you’re working, you’ll be able to spend less time explaining the value of design, more time actually designing, and increase your credibility.

A short note about the power of Figma components, using instances and states.

A handy guide and library of different data visualization techniques, tools, and a learning resource for data visualization.

A detailed overview for designing digital products

Learn how to organize, structure, and work with components in Figma to improve your design workflow.

Quit making developers crazy and learn the naming conventions that will save your design system.

In this article I will show you all the cool things people are doing to document design tokens. Hopefully, you will learn something new you can take back to your design system. Before we get started, a few quick notes.

A guide for using research when (or before) starting to build a design system.

The separation isn’t blurry as most people make it out to be. Here’s why.

In this talk, Benjamin Wilkins, Design Technologist at Airbnb touches on the internationalization and localization of design elements, and how might we design with consistency for multiple interface targets like Android, iOS, Virtual Reality, or even Natural Language interfaces. Join our events in SF or see more talks on www.rethinkhq.com

The effort required to build a design system is tiny compared to the effort required to maintain it.

Introducing our new open source library React Sketch.app

The UX Process is Confusing, Even to Most Designers

The Segment team's latest thinking on all things data, product, marketing, and growth.

Evergreen - Segment's UI Component Library https://evergreen.surge.sh/ https://github.com/segmentio/evergreen

A basic sticker sheet and workflow for animating user interfaces

Have you filled out an online form recently?

My favourite design element is the buttons. In fact, I [insert swear word of your choice] love buttons. In this cheat sheet, we will go…

Adobe recently announced their updated version of Adobe XD at Adobe Max in October and introduced a new feature called ‘Auto-Animate’.

If you’ve ever watched The Joy of Painting, you know how Bob Ross’s broad strokes of blue, black, and green, expertly placed and blended over the course of 25 minutes, come together to form a masterpiece.

To help you move fast and easy, we’ve put together a list of tips and tricks for getting the best out of Craft. Read on and work better.

Choose Fonts, Set a Hierarchy, and Integrate with Components

Laying out text used to be fairly straightforward. Then computers came along and ruined everything.

A crash course for UX newbies to setting up your own UX process.

I delivered the 5th Design in Tech Report at SXSW in Austin, Texas on March 9, 2019. This report covers the latest trends in the technology sphere with respect to computational design and its continuing evolution. At the event I miked myself up to make a private recording, and I also did a screen capture. There were a few technical difficulities, but luckily they resolved themselves or a bit of MacGyver-ing fixed the situation.

A framework for building enduring products