Get Started

Getting started with UX4G

Everything you need to start designing and building government services with UX4G — choose your path below.

Choose your path

Pick the track that fits your role.

I'm a Designer

Access the Figma library, learn how to use design tokens, and understand the system's key design decisions.

I'm a Developer

Set up design tokens, understand government-specific implementation constraints, and explore components and APIs.

New

Build with AI

Practical guidance on using Figma AI, Make and code copilots with UX4G — prompting, governance, evaluation and the safe defaults we expect every team to follow.

What's in the system

Pillars to know before you start

From the principles that guide every decision, to the components and patterns your team reaches for every day — and the AI tooling that helps you ship faster without losing the standard.

Foundations

The shared visual language — color, typography, spacing, elevation, motion and the raw design tokens that power everything.

Components

Reusable UI building blocks with every state, variant and edge case defined — buttons, inputs, OTP cells, badges, alerts.

Patterns

Components assembled into solutions for recurring service scenarios — identity, status pipelines, empty states, escalation flows.

Accessibility

The principles behind every decision — WCAG 2.1 AA, inclusivity, and the writing voice that runs through citizen-facing services.