Patterns

Creating a distinctly NSW Design System

The NSW Design System is made up of User Interface design elements that combine to create patterns.

These patterns have been developed for re-use on NSW government websites; with the intention of providing an easy and consistent customer experience for all NSW residents.

Our patterns have been carefully considered and tested to meet the needs of digital creators when producing citizen-centred products and services for NSW departments and agencies. They meet WCAG 2.1 AA accessibility guidelines and are responsive to any screen or device.

All the patterns in this section (also often known as components) are supported by written guidance on how they behave, what they look like, and contain coded examples where possible.

It is important to us that we continue to build design elements that everyone can use.
We encourage open conversation, research, debate and/or contributions via GitHub and our Community.

The NSW Design System patterns are now available as design assets in Figma and in production ready code.

Figma LogoDesign System Figma UI kit

The latest version of the Design System UI Kit has now been released in Figma, a browser based design and prototyping tool available on both Mac and Windows.

Figma makes it easy to connect directly to the Design System UI elements, receive pattern and style updates instantly, share your files, and collaborate in real time with your team and stakeholders.

How to get started with Figma

Please visit Design System Figma UI Kit for details on:

  • accessing the Figma file

  • first time Figma set-up

  • switching from Sketch to Figma

Help improve this page

If you would like to keep in touch, or be involved in the testing the new pattern library, you can:

  • share your research or feedback on GitHub  

  • join the conversation and contribute in our Community  

Last updated