Figma and Storybook

We use Figma and Storybook to design and build WorkSafe's Vue.js design system and component library.


Figma design system

If you're a designer working on a Vue.js application for WorkSafe, you can request access to Figma to create your own prototypes using the WorkSafe website design system. Contact the Digital Operations team for view or edit access.

Open Figma

Storybook component library

The latest version of the WorkSafe design system (also known as UI 2.0) is available to you in Storybook. Storybook is the source of truth because it exists in code - not just a static Figma design.

Open Storybook