Design systems

I love creating design systems and have ended up producing tonnes of them even over the years.

However, whenever I feel I have nailed an approach, a new platform comes out, and the whole system needs to be tweaked. Historically because of this, maintaining them used to be complicated. They became out of date the moment they were printed.

Today, however, we have Creative Cloud libraries, Sketch and Figma.

My current tool of choice is Figma and I tend to put the following skeleton together:

Grid

Type scaling

Type Scaling

Colour palette

Iconography

Iconography example
  • Brand Elements

  • Effects

  • Image sizes

  • Inputs

  • Buttons

  • Data visualisation

Beyond the UI elements listed, we move into reusable components that developers build and share across projects so the effort is not duplicated and technical debt is avoided.

In short, creating a design system is a good way of organising all your documentation and it looks like you know what you're doing!