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 of GovTech, and vendors who do not have a GovTech email.
UI kit: The SGDS v3 Web UI Kit for agencies outside GovTech is still a work in progress.
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.