Resources created and maintained by the design system community.
You can use these resources to help you follow the NHS design system in your design tool or development environment.
Create flow diagrams
-
Mural flow diagrams
-
Paper sketching templates
Print NHS-styled paper sketching templates from GitHub for in-person workshops.
Design prototypes and wireframes
-
Figma design library
Use NHS design system components in Figma for rapid wireframing and basic prototyping. We recommend using the prototype kit to build prototypes for usability testing.
Build front ends
-
React components
Use community-ported React components from GitHub, based on the NHS design system.
-
WordPress theme
Build a WordPress website with the Nightingale theme based on NHS styling.
Support for these resources
The NHS service manual team is not responsible for these resources and we cannot support you with using them.
Get support with these resources via Slack
Join our free Slack workspace to access dedicated channels where you can ask questions and discuss issues and ideas. The channels are:
- #mural-flow-diagrams
- #paper-sketching-templates
- #figma-design-library
- #react-components
- #wordpress
Suggest a new resource
To suggest a new resource, get in touch with the service manual team.
You can also use GOV.UK Design System resources but you will need to adapt them for the NHS.
Updated: November 2024