Tutorials and guides

Tutorials

Download and install

• Getting started on the Prototype Kit
  1. Prototype Kit requirements
  2. Create a prototype
  3. How to run the kit
• Getting started - advanced guide

Get started

• Build a basic prototype
  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

Basic usage

• How to use layouts
• Create pages from templates
• Install and use plugins
• Share usage data
• Add CSS, JavaScript, images and other files
• Store your code online with GitHub or GitHub Desktop
• Set up Git using terminal
• Publish your prototype online
• Pass data from page to page
• Update to the latest version of the Prototype Kit

Advanced usage

• Create routes (server side programming)
• Override the service name on one page
• Store data in session
• Use GOV.UK Notify to prototype emails and text messages
• Template partial areas
• Migrate an existing prototype to version 13

GOV.UK Design System

GOV.UK Design System is a guide to making your prototype look like a GOV.UK service, including typography, forms and more.