Community

Resources and tools
Experimental

You can use these community resources and tools to help you use the GOV.UK Design System in your design tool or development environment.

The GOV.UK Design System team is not responsible for these resources and tools and we cannot support you with using them. Please contact the owner if you need help or you want to request a feature.

Create flow diagrams

GOV.UK Design System Flow Diagrams - A Sketch file for creating flow diagrams of GOV.UK services.

GOV.UK Design System Flow Diagrams for Miro - A Miro file for creating flow diagrams of GOV.UK services.

GOV Flow - A Sketch file for creating flow diagrams of GOV.UK services.

GOV Flow for Google Drawings - Google Drawings templates for creating flow diagrams, based on GOV Flow.

GOV.UK Userflow Icons - SVG images for creating flow diagrams of GOV.UK services.

Create prototypes and wireframes

Adobe XD wireframes - Adobe XD wireframes based on the GOV.UK Design System.

Balsamiq wireframes - Balsamiq wireframes based on the GOV.UK Design System.

Figma resources - Figma library of styles and components based on the GOV.UK Design System.

Sketch Wireframing Kit - Sketch wireframes based on the GOV.UK Design System.

Build front ends

ASP.NET MVC

Guidance on bringing the GOV.UK Design System into a .NET MVC Project - A walkthrough for how to import the GOV.UK Design System into a MVC project and compile the sass at runtime using gulp.

Node.js

Guidance on building a hapi service using GOV.UK Frontend.

Python

GOV.UK Frontend Jinja - GOV.UK Frontend Jinja Macros.

GOV.UK Frontend WTForms - GOV.UK Frontend WTForms Widgets.

R

Govdown - A GOV.UK Design System theme for R Markdown.

React

govuk-react-jsx - GOV.UK Frontend compatible React components.

Ruby on Rails

GOV.UK Design System Formbuilder - A Rails form builder using GOV.UK Frontend.

GOV.UK Components - A set of non-form Rails components using GOV.UK Frontend. You can use these together with the Design System Formbuilder.

GOV.UK Frontend Rails - A Ruby gem that adds the GOV.UK Frontend to Rails applications.

GOV.UK Rails Boilerplate - A complete Rails starter application using GOV.UK Frontend.

Write code

You can download GOV.UK Frontend Nunjucks macro snippets for:

Help improve this page

To help make sure that this page is useful, relevant and up to date, you can propose a change – read more about how to propose changes in GitHub.

If you want to submit a resource or tool, check that it meets the contribution criteria for resources first.

Need help?

If you’ve got a question about the GOV.UK Design System, contact the team.