Use the search bar on top of the page to quickly get the information you need.

Welcome to Backlight Documentation

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

Discovering Backlight?

Getting started

User's Guides

Concepts

Basic concepts in Backlight.

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.

VSCode Extension

Coming soon.

Building Design Systems

Design Tokens

How to manage your design tokens.

Stories

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

Testing

Automated unit testing of your components.

Using the DS in your app

How to use a Backlight design system in your application.

Design System Examples

Design Systems made with Backlight.

Reference

Technologies Demos

Demos of how some technologies can be used in Backlight.

Technologies

Reference guides of all technologies supported.

Supported config files

Description of all root files supported.

FAQ

Frequently Asked Questions.

Need more help?