Browse Get started

Get started

SGDS v3 is the latest version of the Singapore Government Design System. It provides reusable components, design tokens, and shared foundations so government teams can build trusted digital services faster. Your team can spend less time on common UI problems and more time on what matters: the citizen experience.

Why use SGDS v3?

Move faster

Use ready-made templates, blocks, and SGDS components instead of building common UI from scratch.

Stay consistent

Shared design tokens, typography, and colour scales keep all .gov.sg services recognisable as one government.

Accessibility built in

Every component ships with keyboard navigation, ARIA attributes, and screen-reader support. Your team does not need to add these manually.

Design to code in sync

The same token model supports both design and code, which reduces manual translation between Figma and implementation.

What is new in version 3?

We rebuilt the system from the ground up to support modern product development.

Feature

What’s changed?

Design tokens

A scalable architecture for colour, spacing, and typography to ensure consistency across platforms.

Rebuilt components

Enhanced flexibility and logic, making it easier to adapt components to specific service needs.

Advanced theming

Improved support for sub-brands and agency-specific requirements while maintaining a One Government feel.

Modern workflows

Tighter alignment between Figma libraries and code repositories for faster implementation.