For designers

Use the NSW Design System to create customer-centred digital products and services that meet branding and WCAG 2.2 AA accessibility guidelines. It also helps you meet the Design Standardsopen_in_new to design for user needs

The NSW Design System provides an adaptable and extensible base that includes:

• Core styles – visual and structural styles that communicate the NSW Government identity.
• Components – reusable interface elements with guidance for consistent, accessible implementation.
• Utility classes – single-purpose helpers for common spacing, layout, visibility and styling needs.
• Methods – best-practice design guidance for common user tasks and service problems.

First steps

Start with the resources that match what you need to design, prototype and prepare for implementation.

Figma UI Kit

Access the design assets required to design, prototype and share.

east

Templates

Use starter page layouts and examples for common services.

east

Theming

Apply colour theming to your digital products and services.

east

Extending

Draw on the core elements to create custom solutions.

east

Design and collaborate

Use the component and foundation guidance alongside the Figma UI Kit so that behaviour, content and accessibility requirements are considered as part of the design.

Guides

Explore additional guidance for designing, collaborating and prototyping with the NSW Design System.

east