DEV Community

Cover image for Design systems supercharged
RBerthier for ‹div›RIOTS

Posted on

9 7

Design systems supercharged

Building great front-end products is hard and time-consuming.

Web technologies are evolving at high pace, designers and developers struggle to collaborate on handover, building consistent web components requires loads of works, documentation is too often not up-to-date, maintaining apps over time is an Herculean task, ...

You know the story.

Implementing a Design System is a good solution to tackle these challenges. The Design System is the source of truth for all reusable tokens and components to be consumed in web apps. Building and managing a Design System, as a part of a production pipeline, will greatly improve team efficiency and product consistency.

A good Design System should help teams collaborate, improve reusability, manage technologies evolution, build documentation, ship faster / better, and lower maintenance. But building and maintaining the tooling to manage a Design System remains quite time consuming too ...

That's why we launched Backlight.dev, a powerful and collaborative platform to build Design Systems on the code side. Backlight helps front-end teams to deliver value by focusing on their real work, not on maintaining tools.

Backlight comes with some nice features :

  • All-in-one : tokens, components, code, stories, tests, documentation, designs, ...
  • Technologies / frameworks agnostic
  • Real-time preview rendering for tokens, components and documentation
  • Real-time and asynchronous collaboration
  • Live documentation (MDX with embedded components and code snippets)
  • Versioning and repo management with Github / Gitlab / Bitbucket
  • Code review and visual diff for Pull-Request
  • NPM package export
  • In browser or local CLI
  • No tools or pipeline to deploy / manage

And best of all, we have a free plan to test Backlight.

Let's give it a try ? :) Start now

Front-end is for heroes. At ‹div›RIOTS, we believe front-end is a beautiful challenge and we are on a mission to empower front-end teams with great tools. Backlight is one of them. We also launched some free sandbox products to play with web components and tokens (check them out here).

AWS Q Developer image

Your AI Code Assistant

Ask anything about your entire project, code and get answers and even architecture diagrams. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Start free in your IDE

Top comments (0)

AWS Q Developer image

Your AI Code Assistant

Ask anything about your entire project, code and get answers and even architecture diagrams. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Start free in your IDE

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay