Equinor Design System

Get started

Dive right in to the Equinor Design System, get started with design and development.

Design

Set up the Figma libraries and start designing with EDS components and tokens.

Develop

Install the packages and start building with React components and design tokens.

Browse by category

Explore the building blocks of EDS — from foundational styles to ready-made UI components.

Foundations

Typography scales, colour palettes, spacing tokens, and icon sets that define how Equinor products look and feel.

In progress

Components

Ready-to-use UI elements like buttons, inputs, dialogs, and more — with matching Figma and React implementations.

Resources

Tools, libraries, and guides that support how you design and build with EDS.

EDS Figma Library

Set up access and start using EDS components in Figma.

Storybook

Interactive component playground with live examples.

Support

Get help through Slack, Teams, or other channels.

See all resources

Shape the system

EDS is built by the teams that use it. Report issues, suggest improvements, or contribute code and design. Every contribution helps the whole organisation.

Start contributing