> Canonical URL: https://codingcat.dev/podcast/2-7-building-design-systems-with-backlight-dev # Building Design Systems with Backlight.dev ![](https://i.ytimg.com/vi/_90Ytn6E4Sk/sddefault.jpg)[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=48&h=48&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/images/hfh83o0w/production/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=48&h=48&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![m4dz](https://cdn.sanity.io/images/hfh83o0w/production/fae142034961e906a3ba51a691ff2288f7fc54bf-400x400.jpg?w=48&h=48&fit=max&auto=format)m4dz](/guest/m4dz)February 16, 2022[![CodingCat.dev Podcast cover art](https://img.rephonic.com/artwork/purrfectdev.jpg?width=600&height=600&quality=95)![PodMatch](https://podmatch.com/assets/img/PodMatch_Logo.png)CodingCat.dev PodcastBecome a guest on my podcast](https://www.podmatch.com/member/codingcatdev) ## Listening Options [Listen on Spotify](https://open.spotify.com/search/codingcat.dev%20Building%20Design%20Systems%20with%20Backlight.dev/episodes)[Listen on Apple Podcasts](https://podcasts.apple.com/us/podcast/codingcat-dev-podcast/id1491655542)[Watch on YouTube](https://www.youtube.com/watch?v=_90Ytn6E4Sk)View TranscriptCopy TranscriptFull TextTimestampsFetching transcript from YouTube... Transcript not available No auto-generated captions could be found for this video. ## Sponsors [![CodingCat.dev tutorial cover image](https://cdn.sanity.io/images/hfh83o0w/production/e355e7e90e37726637596011069c154ae515da9f-1200x675.png?w=1920&h=1080&q=80&fit=max&auto=format) ### Builder.io Empower your entire team to visually create and optimize high-speed experiences on your sites and apps. Provide whole-team autonomy with a platform that is developer approved.](https://www.builder.io?utm_source=codingcatdev) ## Questions - Can you explain what divRiots is and what you work on? - What is Backlight.dev? - What are some of the struggles for starting a design system that Backlight is addressing? - Demo backlight.dev - What frameworks can be used with backlight? - How does backlight give you the code once you are done customizing it? - Where does the design piece of the design system come in? - Is code driven development the future of building design systems? - Who is Backlight's target audience, marketers or developers? - 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/) - [![CodingCat.dev Podcast cover art](https://img.rephonic.com/artwork/purrfectdev.jpg?width=600&height=600&quality=95)![PodMatch](https://podmatch.com/assets/img/PodMatch_Logo.png)CodingCat.dev PodcastBecome a guest on my podcast](https://www.podmatch.com/member/codingcatdev) ## Picks ### Alex Patterson - [Will Smith Audio Book](https://www.audible.com/pd/Will-Audiobook/0593146239) - [Figma Complex Component Architecture](https://youtu.be/e1Q2dyZ3cRE) ### Brittney Postma - [Build Your Own Design System - Learn with Jason](https://www.learnwithjason.dev/build-your-own-design-system) - [Building Design Systems in SvelteKit](https://www.youtube.com/watch?time_continue=189&v=3bjVQJwF6O8&feature=emb_title) ### m4dz - [How I Met Your Mother](https://www.imdb.com/title/tt0460649/) - [Open Props](https://open-props.style/) ## Recent Podcasts [View More](/podcasts/page/1)[![GenAI for Engineers, What](https://cdn.sanity.io/images/hfh83o0w/production/3e48f44739be2aabf3aaa805e51b3a6328979153-1920x1080.png?w=1920&h=1080&q=80&fit=max&auto=format)](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming) ### [GenAI for Engineers, What's Real, What's Not and What's Coming](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming) November 19, 2025 Curious about GenAI for engineers? Learn what's real, what's not, and what's next in AI. [![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=48&h=48&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Balki Kodarapu](https://cdn.sanity.io/images/hfh83o0w/production/25fd44884e232394eb74b776fcec7e8d13330ca0-1060x794.png?rect=133,0,794,794&w=48&h=48&fit=max&auto=format)Balki Kodarapu](/guest/balki-kodarapu)[![How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](https://cdn.sanity.io/images/hfh83o0w/production/0beb99900f4c24e284df2dee3e2d740062c6ce96-1920x1080.png?w=1920&h=1080&q=80&fit=max&auto=format)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences) ### [How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences) November 4, 2025 Curious about OAuth, MCP servers, and building cool ChatGPT apps? Hear from Max of Stytch as we dive deep, break down the tech, and build a Tamagotchi together! [![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=48&h=48&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Max Gerber](https://cdn.sanity.io/images/hfh83o0w/production/4497bb7ada0e39b4cd13b0e3ca00c930389dab02-1292x1088.png?rect=102,0,1088,1088&w=48&h=48&fit=max&auto=format)Max Gerber](/guest/max-gerber)