Government of Canada (GC) Design System Figma Library
The Figma library offers designers a comprehensive set of pre-built components and templates to create consistent and accessible digital services for the Government of Canada.

The Figma library within the GC Design System provides a collection of reusable user interface components, page templates, and design tokens.
These resources are designed to ensure a unified and trustworthy experience across Government of Canada digital services. The system supports multiple frameworks, including Angular, React, and Vue, and provides a bilingual Figma design library for rapid prototyping. Currently in its alpha phase, the design system invites public servants to experiment with its offerings and contribute feedback for improvement.
Share this Example:
Content related to this example:
GC Forms GitHub Repository
Repository for the web application for the GC Forms platform product
Government of Canada (GC) Design System Components Repository
This is a monorepo managing the web components of the Government of Canada's Design System, facilitating the creation of consistent and accessible digital services.
Government of Canada (GC) Design System Accessibility Standards
This design system accessibility checklist ensures that all components and design tokens meet or exceed the WCAG 2.1 AA standards, aligning fully with Government of Canada accessibility requirements.
Government of Canada (GC) Design System
The design system provides standardized components, templates, and design tokens to help developers and designers create consistent, accessible, and user-friendly Canadian government digital services.