Workspaces

Design systems

Manage and export colour, typography and spacing tokens.

The Design systems workspace collects a project’s design foundations in one place.

What you manage

  • Colour tokens
  • Typography
  • Spacing
  • Shadows

Exporting

Once your design system is ready, export it in whatever format your project needs:

  • as CSS variables
  • as a Tailwind config
  • as W3C design-token JSON

That gets the same values straight into your code instead of typing them out by hand.