📣
Have your say in our Mesh survey
Skip to content

Design

Designing digital products and services that utilise nib's design system Mesh can help to make your work easier, allowing you to create less new work by following established design patterns and leveraging our design tooling like Figma component libraries and Playroom for designing with React web components.

Design principles

Our design principles inform how we design at nib.

Design tools

Figma

Figma app icon

Our Figma libraries include components for web and mobile design along with foundational styles like typography and color.

Helpful articles about Figma libraries and components:

View Figma libraries

Playroom

Playroom allows you to simultaneously design using the Mesh react components across a variety of themes and screen sizes.

Open playroom

Storybook

Storybook app icon

Storybook is a sandbox where you can explore Mesh design system components.

Open Storybook