Get started
Design
Explore design guidelines, access Figma libraries, and use plugins to build GovTech products.
If you have a GovTech Figma Enterprise account, enable the SGDS v3 libraries to start designing immediately.
Open: Open any Figma file.
Navigate: Go to the Assets tab and click the Library icon.
Search: Search for SGDS v3.
Add: Add the libraries required for your project.
Need an account?
GovTech employees require a corporate email address to access private libraries.
Build harmonious digital experiences using our standardised building blocks.
Foundations
The core building blocks of our system: colours, typography, spacing, and tokens to ensure consistency and scalability.
Components
Reusable UI elements designed to meet specific interaction needs and create consistent user experiences.
Use tokens in design
Learn how to apply tokens within Figma and preview how color and spacing changes impact your apps.
For agencies outside GovTech and partners who do not have access to GovTech's Figma libraries.
Open Figma Community: Go to the Figma Community.
Search: Search for SGDS UI Kit.
Open: Select the official SGDS UI Kit published by the Singapore Government Design System.
Telegram: Join our Telegram channel to get updates on UI kit availability, news, and releases, or get help.
Compliance requirement
All .gov.sg digital services must adopt the Official Government Banner and Global Footer.
Build harmonious digital experiences using our standardised building blocks.
Foundations
The core building blocks of our system: colours, typography, spacing, and tokens to ensure consistency and scalability.
Components
Reusable UI elements designed to meet specific interaction needs and create consistent user experiences.
Use tokens in design
Learn how to apply tokens within Figma and preview how color and spacing changes impact your apps.