Benefits of using the MoJ Design System
Learn about how reusing building blocks helps product teams as well as users.
Read about the benefits of the MoJ Design SystemDesign, build, and deliver accessible and consistent services
Use the MoJ Design System alongside the GOV.UK Design System.
The MoJ Design System enables teams to avoid repetition by learning from the work and experiences of others. By contributing to the Design System you can help others, too.
About the Design System
Building block statuses
Every component, page and pattern has a status. This helps you know how to use them.
Read about the 4 Design System statusesPrototyping at MoJ
How to choose the right prototyping tool
You can prototype using paper, Figma or a coded prototype. Understand which method you need for your task.
How to choose a prototyping toolHow to set up Figma prototypes
Figma Kits help people to create consistent designs. Learn how to use them in your design files.
How to set up Figma prototypesHow to set up coded prototypes
Learn how to create coded prototypes using the MoJ Design System and GOV.UK Prototype Kit.
How to set up coded prototypesGetting set up for production
Installing MoJ Frontend
MoJ Frontend provides the elements that developers need to create consistent, easy to use, fast and secure government services.
Read technical documentation or install with Node.js package manager (npm).