Prototype guidance

This guidance helps HMRC designers of all levels set up and use the GOV.UK Prototype Kit.

Designers can use the GOV.UK Prototype Kit to quickly and easily create interactive prototypes — to share design ideas with their team and to gather insight from user research. It also ensures that prototypes are interactive, accessible and realistic versions of HMRC services. In HMRC the GOV.UK Prototype Kit is our approved tool for prototyping.

The kit comes with templates to create common page types.

You can also copy example code from the GOV.UK Design System and HMRC Design Resources to add styles, components and patterns into your prototype.

This means you can:

• learn from the research and experience of other service teams
• avoid repeating work that’s already been done

The guidance covers common topics relevant to HMRC designers:

• Installing the GOV.UK Prototype Kit
• Setting up Visual Studio Code
• Getting started with HTML and CSS
• Using GitHub
• Setting up different versions of your prototype using multiple routes.js files
• Show different pages based on user answers
• Where to go for support

Contribute

If you have a question, idea or suggestion:

• Get in touch to propose new patterns or share your knowledge: design.resources-g@digital.hmrc.gov.uk
• get in touch through Slack (opens in app if you have it)