---
type: podcast
authors:
  - alex-patterson
  - brittney-postma
episode: 7
guests:
  - m4dz
recording_date: December 16, 2021 9:00 AM
season: 2
published: published
podcast: CodingCat.dev
chapters_done: true
cloudinary_convert: false
cover: https://media.codingcat.dev/image/upload/v1645562669/main-codingcatdev-photo/buildingdesignsystemswithbacklight.jpg
devto: https://dev.to/codingcatdev/27-building-design-systems-with-backlightdev-nad
excerpt: We sit down with m4dz, developer advocate from the <div>RIOTS team. We talk all about the Backlight.dev design system.
hashnode: https://hashnode.codingcat.dev/podcast-2-7-building-design-systems-with-backlight-dev
picks:
  [
    {
      author: 'alex-patterson',
      name: 'Will Smith Audio Book',
      site: 'https://www.audible.com/pd/Will-Audiobook/0593146239'
    },
    {
      author: 'alex-patterson',
      name: 'Figma Complex Component Architecture',
      site: 'https://youtu.be/e1Q2dyZ3cRE'
    },
    {
      author: 'brittney-postma',
      name: 'Build Your Own Design System - Learn with Jason',
      site: 'https://www.learnwithjason.dev/build-your-own-design-system'
    },
    {
      author: 'brittney-postma',
      name: 'Building Design Systems in SvelteKit',
      site: 'https://www.youtube.com/watch?time_continue=189&v=3bjVQJwF6O8&feature=emb_title'
    },
    {
      author: 'm4dz',
      name: 'How I Met Your Mother',
      site: 'https://www.imdb.com/title/tt0460649/'
    },
    { author: 'm4dz', name: 'Open Props', site: 'https://open-props.style/' }
  ]
slug: 2-7-building-design-systems-with-backlight-dev
sponsors:
  - builder-io
spotify: https://open.spotify.com/episode/6TVelLezeX0tPFFx9A7CqH?si=1gUY0rAgTrGgMvHolx1Xag
start: February 16, 2022
title: Building Design Systems with Backlight.dev
youtube: https://www.youtube.com/watch?v=_90Ytn6E4Sk
---

## Questions

1. Can you explain what divRiots is and what you work on?
2. What is Backlight.dev?
3. What are some of the struggles for starting a design system that Backlight is addressing?
4. Demo backlight.dev
5. What frameworks can be used with backlight?
6. How does backlight give you the code once you are done customizing it?
7. Where does the design piece of the design system come in?
8. Is code driven development the future of building design systems?
9. Who is Backlight's target audience, marketers or developers?
10. Do you know about complexity cliffs and what are your thoughts on single components for every use case?

## Additional Links

- Storybookjs - [https://storybook.js.org/](https://storybook.js.org/)
- Monaco - [https://microsoft.github.io/monaco-editor/](https://microsoft.github.io/monaco-editor/)
- Vite - [https://vitejs.dev/](https://vitejs.dev/)
-
