Design System

In Development

FAQs

What elements of the system are available in Figma?

Foundations: These include colour, typography, spacing, and more. They are available in Figma, with guidelines in the documentation on this site.

Components: The component library is available in Figma but is currently undergoing updates and is not fully in sync with the HTML component library.

Icons: An icon library is available for use in Figma.

Is the component library ready for use?

The component library is currently undergoing updates and is not fully in sync with the component implementations in HTML. While Figma components can still be used, be aware that some may not be up-to-date or fully functional. Updates are actively being worked on, and notifications will be sent when the design and code library is fully synchronised.

What should I do if I encounter issues with a component?

If any issues or inconsistencies with a component are found, please report it to the design system team.

What updates are planned for the component library?

Alignment: The library is undergoing updates to ensure design and code are aligned. The updates are being built in a new file, and will replace the existing component library in Figma.

Modernisation: After the initial library alignment update, components will be updated based on new requirements received by users of the system.

Who can I contact for more information or support?

For any questions or support related to the design system, please reach out to the design system team.