Blog
Updates and News about Backlight and Design Systems
-
Wed, 07 Sep 2022How your favourite UI libraries manage their icons
What are the good practices while working with icons.
by Andrico Karoulla
-
Thu, 07 Jul 2022How to manage icons in your UI library
What are the good practices while working with icons.
by Andrico Karoulla
-
Tue, 21 Jun 20225 Things to avoid when building a design system
What are the biggest slip-up when building a design system.
by Sonia Singla
-
Thu, 16 Jun 2022Naming conventions for design systems
Why naming conventions are that important for design systems.
by Ardena
-
Thu, 02 Jun 2022The 3 pillars of a successful design system
Adopting a design system can lead to tremendous benefits.
by Sonia Singla
-
Tue, 24 May 2022Advocating for your design system
Advocacy is a valuable tool for team members working on a design system.
by Sonia Singla
-
Thu, 19 May 20225 Reasons to use web components in your design system
Why web components are so important for your design system
by Sonia Singla, Joren
-
Thu, 05 May 2022How to best document Design System animation
Animation offers a solid experience that no other form of content can match.
by Sonia Singla
-
Tue, 03 May 2022Governance in Design System
How design system governance can help you overcome design system challenges.
by Sonia Singla
-
Thu, 28 Apr 2022Best practices for integrating content design in your design system
Ensuring a constistent efficiency while integrating content design in your design system.
by Ardena
-
Wed, 20 Apr 202210 must-have components for your design system
The must-have components every design system needs.
by Thaís
-
Mon, 11 Apr 2022The importance of accessibility in design systems
Weaving A11y into the fabric of your design system
by Thaís
-
Thu, 07 Apr 2022Why your design system needs content design
“Words are too important to be neglected.”
by Ardena
-
Wed, 23 Mar 2022How do design systems improve developer efficiency?
If an organization wants to grab the Fast Mover Advantage, its prime focus should be "How to enhance developer/designer efficiency?" With this drastic expansion comes a dire need for the organization's product to streamline design work.
by Sonia Singla
-
Tue, 01 Mar 2022Design System documentation best practices
The key aspects of a design system documentation and some guidelines on what to cover.
by Thaís
-
Mon, 28 Feb 2022Design Tokens and how a W3C specification will help going forward
What are design tokens, how do tools use them and how will the W3C spec change things?
by Joren, Thaís
-
Thu, 10 Feb 2022Backlight is now also @ Figma Community
Backlight has its own community page in Figma to share the libraries that match the coded starter-kits.
by Thaís
-
Fri, 04 Feb 2022Encouraging design system best practices with ESLint rules
Ensuring a consistent experience when developing a common library or Design System as a team could quickly become a high-challenge. Here are our advices on how to use Eslint to enforce this experience's consistency.
A Design System Best Practices with ESLint series episode by Andrico Karoulla
-
Wed, 26 Jan 2022Why should developers build with Design Systems?
Discover benefits of building with a Design System on the developer side. Speed-up development, improve collaboration, increase quality and consistency of code.
by Remi
-
Fri, 14 Jan 2022
Translating Your Design System Best Practices to ESLint
Ensuring a consistent experience when developing a common library or Design System as a team could quickly become a high-challenge. Here are our advices on how to use Eslint to enforce this experience's consistency.
A Design System Best Practices with ESLint series episode by Andrico Karoulla
-
Fri, 10 Dec 2021Introducing BRICKS - a Design System based on MUI
BRICKS is a React Design System starter-kit for Backlight, based on MUI.
by Pierrick, Mihai
-
Fri, 03 Dec 2021Interactive Stories with CSF Play and User-Events
Component Story Format is here, and it brings an awesome new feature! Let's play with it and the user event testing library to create gorgeous demos! When a picture is worth a thousand words, show to your teammates how your components are supposed to be used, right in the documentation.
by m4dz
-
Wed, 17 Nov 2021Introducing Yogi - a Chakra UI Design System
YOGI is a React Design System starter-kit for Backlight, based on Chakra UI.
by Pierrick, Georges, Mihai
-
Tue, 16 Nov 2021
How Eslint Can Enforce Your Design System Best Practices
Ensuring a consistent experience when developing a common library or Design System as a team could quickly become a high-challenge. Here are our advices on how to use Eslint to enforce this experience's consistency.
A Design System Best Practices with ESLint series episode by Andrico Karoulla
-
Thu, 04 Nov 2021Browserify to Rollup - Unifying our playground in a single bundle
After creating a playground for style-dictionary by making use of Browserify, we will now show how we migrated to Rollup to unify our playground in a single bundle.
by Joren
-
Tue, 02 Nov 2021NodeJS in the Browser - Creating a playground for style-dictionary
Creating a playground for style-dictionary, by making the library work in the browser and using VSCode's monaco editor.
by Joren
-
Fri, 29 Oct 2021Creating a Design System from scratch for Halloween
Our team got inspired by halloween and thought `what if we could dress our components up for the occasion as well?!`
by Thaís, Charlène, Joren
-
Wed, 27 Oct 2021Introducing Furious, the FAST Design System
Furious is a Design System Starter Kit for Backlight, based on FAST Frame by Microsoft.
by Pierrick, Mikhail, Thomas, m4dz
-
Wed, 13 Oct 2021Introducing Origami - a React Native design system
Origami is a React Native design system starter kit, using the React Native Paper component library.
by Pierrick, Georges, Mihai
-
Thu, 30 Sep 2021Why Backlight?
We have been working on Backlight within closed doors with early access customers for more than 2 years now. This month, we launched publicly and everybody can experience Backlight by themselves.
by Georges