Skip to main content

The design manual will be changing in the next few months as we move to a consolidated DDT manual for delivering good services. Tell us what's missing in the design manual and help shape the future guidance, standards and design profession in DfE.

Design system

The design system provides patterns, components and styles for using in DfE services.

Styles

Styles for typography, colour and more.

Components

Components for building consistent user interfaces.

Patterns

Patterns for common design problems and user interactions.

DfE Frontend

About DfE Frontend

What DfE Frontend is and when to use it.

Install DfE Frontend

A step-by-step guide to install the DfE Frontend package.

Contribute

Work with us to make new components, fix bugs, and improve documentation.

Learning

Figma training guides

Lots of resources for learning to use Figma, including the DfE Figma library.

Prototyping, GitHub, and Heroku

Learn how to set up the prototype kit, use GitHub, and deploy to Heroku.

Tell us what you think of this page