How to guides

These guides will show you how to use the prototype kit, from creating a simple page to building complex user journeys.

Build a basic prototype

• Before you start the tutorial
  1. Open your prototype in your editor
  2. Create pages
  3. Link your pages together
  4. Use components from the Design System
  5. Show the user's answers
  6. Let the user change their answers
  7. Show different pages depending on user input (branching)
  8. Link your index page to your start page

Learn the basics

• Making pages
• Adding CSS, JavaScript and Images
• Using components

Create journeys with data

• Passing data page to page
• Branching
  (show a different page based on user input)

Share your prototype

• Setting up Git
• Publish your prototype online

Updating the kit

• Updating the kit

Advanced usage

• Switching from the GOV.UK Prototype Kit