Prototyping Figma UI library
To create wireframe prototypes with the ONS Design System components and styles, you can use our Figma UI library
The Design System UI library contains:
- typography styles
For help and information on using libraries, read the guide to libraries on the Figma website (opens in a new tab)
If you want to quickly create a simple prototype to test core functionality and user flows in minimal detail, use ONS Design System low-fidelity Figma UI library (opens in a new tab) .
If you need to do more detailed research to analyse how users interact with a final design, use the ONS Design System high-fidelity Figma UI library (opens in a new tab) .
Help improve this page
Let us know how we could improve this page, or share your user research findings. Discuss this page on GitHub (opens in a new tab)