Use the search bar at the top of the page to quickly find the information you need.

Welcome to Backlight's documentation

Backlight is a collaborative platform empowering front-end teams to build and ship great design systems. Backlight is code-centric, but it also embraces collaboration across all disciplines: developers, designers, UX writers and product owners.

Discovering Backlight?

Getting started

User guides

Online Studio

Code components, review PR visually, write documentation and release your design system directly online.

CLI

Code components locally, write documentation with your favorite IDE and link the design system directly into your app.

Previews

Stories, tests, documentation and design files are rendered automatically in the preview panel.

Visual review

Review your pull requests visually. Backlight detects visual regression to speed up your review process.

Building design systems

Design Tokens

How to manage your design tokens.

Stories

How to create isolated instances of components to apply component-driven development.

Tests

Automated unit testing of your components.

Using the design system in your app

How to use a Backlight design system in your application.

Design system examples

Design systems made with Backlight.

For reference

Technologies

Reference guides of all technologies supported.

Supported config files

Description of all root files supported.

Technology demos

Demos of how some technologies can be used in Backlight.

FAQ

Frequently Asked Questions.

Need help?