Everything you need to build your design system as a team

Use Backlight’s CLI with your favorite IDE on your local machine. Backlight works with Visual Studio Code, WebStorm or any other local editor.

Backlight comes with an online editor that allows anyone (even non-tech disciplines) to contribute to your design system, making it simple to create branches and push to GitHub and GitLab.

Backlight is powered by Vite in the browser to support any stack, so you’ll be sure Backlight works for you.

Share real-time previews of the component you’re working on without having to push, release or deploy anything.

Backlight promotes 100% standard web development technologies. You are free to eject your design system and continue outside of Backlight at any time.

Backlight supports Storybook stories out-of-the-box. Display your stories next to your code for perfect development-design alignment.

Test your components, simulating real user behavior, with built-in support for Storybook’s new interactive stories.

Test your components, simulating real user behavior, with built-in support for Storybook’s new interactive stories.

Developers and designers can collaborate spontaneously and get immediate feedback, thanks to instant sharing. No need to push or wait for a release.

Leave comments directly on the components you’re working on for your team to look at in their own time.

With a visually-organized component library, it's easy for anyone to discover and contribute to your design system, no matter their level of tech knowledge.

Thanks to Backlight’s bot, Backlight renders pull-requests instantly for fast visual review. You don't need to wait for the build task or the deploy task in your CI.

Backlight helps you review only the components that visually changed, so you can focus your review on things that really matter.

With Backlight’s responsive online editor, you can review pull-requests directly from your phone.

Streamline collaboration between developers and designers. Keep code and design in one place thanks to design previews directly next to your components. Figma, Sketch and Adobe Xd are fully supported.

Turn all of your stories into a complete Figma UI kit in minutes.

Built-in Style-Dictionary support means you can define styles once then export to all the places you need them - iOS, Android, CSS, JS, HTML, Figma files, style documentation...

Write your design tokens in Backlight, then bring them into Figma thanks to integration with the Figma tokens plugin.

Use Specify as your single source of truth for design tokens and sync seamlessly with Backlight.

We believe Markdown is best for writing technical documentation that embeds interactive components.

Everyone can contribute directly to documentation with real-time editing and instant online preview.

Backlight has built-in support for Markdown, MDX2, MD Vue, MDsveX and Nunjucks for documentation.

Forget about manually updating documentation versions. With Backlight, your documentation is automatically tagged and versioned with each release.

Export your documentation into static pages that you can host and serve anywhere.

Design systems are compiled, packaged and versioned on demand. Packages can be delivered to any npm registry like npmjs.org or GitHub packages.