Get involvedUsing the design system

Components and some patterns come with code to make it easy for you to use them in your project. We currently provide code snippets for both old versions of the prototype kit (versions 6 and older) and new versions (versions 7.0 and newer).

We also provide a version of the prototype kit with the Home Office design language for Home Office teams working on services for government users.

Using components in the prototype kit

Use the HTML we provide to use components in your prototypes. Simple copy the snippets into your prototype pages. Some components also need CSS and JavaScript to make them work. If this is the case, we also provide the code.

Using Figma to create prototypes

If you are using Figma to design, we provide a Figma file with all our patterns and components included. Please consider feeding back any developments or changes you make to the working group.