Featured

Build Your Own Design System with Georges Gomes



Published
Understanding what design systems solve and when to build one is a complicated question. In this episode, we'll dive into it with Georges Gomes and learn how to build our own design system with Backlight Dev.

00:00:00 Guest introduction
00:01:53 How would you describe what you're building?
00:05:06 Collaborating vs hand off processes
00:09:19 How does a design system help you collaborate?
00:15:05 How do you keep the design system in sync with the app?
00:18:10 What is Backlight?
00:20:56 How should I start using Backlight?
00:34:53 Putting together components in Backlight
00:43:41 Improving documentation style
00:58:09 Making a button
00:59:59 Welcome
01:15:54 Everything can be started in the browser
01:17:30 Deploying Backlight design system
01:26:28 Where can we learn more about Backlight?
01:27:56 Would you build one per framework?

* demo: https://backlight.dev/doc/Pja8bfGrKxV37MQR6qQW/typography/doc/typography.mdx?p=doc

Links:

- https://backlight.dev/

- https://vitejs.dev/

- https://css-tricks.com/snippets/css/system-font-stack/

- https://astro.build/

- https://dusty.domains/

This episode was sponsored by:
- Netlify (https://lwj.dev/netlify)
- Fauna (https://lwj.dev/fauna)
- Auth0 (https://lwj.dev/auth0)

Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/)

Credits:

Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/)
Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012
Artist: http://incompetech.com/

Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/)
Artist: http://audionautix.com/

Additional sound effects obtained from https://www.zapsplat.com
Category
Web design
Be the first to comment