Design System Sessions

An episode about Atomic Design and Design Systems, code-side, with its author.

Using tokens managed by Specify to nurture a white label design system like Kickstart DS

This episode is a technical catch-up session of the "Stencil Components based Design System with Anthony Giuliano &Mike Hartington" episode.

Design systems as they relate to 11ty + modern CSS opportunities.

Building Design System components with Stencil, the Web Components compiler.

Using and styling a theme/mode switcher by using an external Web Component.

See how a Design System can solve a lot of your emails development issues.

Test your Design Kit and your Components Library without complexity.

Build a Vue 3 Design System and plug it into Nuxt 3 seamlessly.

Handling State management in your design systems with efficiency.

When talking about design systems, it's easy to assume that it all starts from a designer's perspective. However, in this episode we discuss how taking a code-first approach can benefit the longevity of your design system.

The powerful Island Architecture to build your WebApps and how to burn it in your Design Systems.

Making documentation affordable, consistent, and accessible to every developer across the Design System.

Coding a design system based on Lit.

Building components in a Design System ready to be used in the eleventy SSG.

Accessibility as a key part of your Design System UX.

An episode dedicated to the Clever Cloud collection of Web Components with its creator.

Talking about the new generation of SSG with Astro, and coding with it into a Backlight Starter Kit.

"Are we becoming too rigid in our definition of what is a Design System?" Starting with this simple question coming from the community, we talk about the meaning of "System" and "Design" in the Design System field.

In this episode, we talk about Design Systems Philosophy and what to expect from them in a collaborative environment.

A course on how coding a new Design System in Backlight from scratch for your personal brand.

Going through the Svelte Ecosystem, the Sveltekit project, and a Backlight made Design System.

An occasion to talk about SolidJS Primitives and fundamentals, and reactive frameworks.

Talking with Open Props creator and improving our Tech Sample demoing it in Backlight.

In this episode, we talk about the Design Tokens of our Design Systems: how to organise them, how to contribute, how to share the responsibility over different layers.

We continue our Tech Sample to demo Stitches by Modulz.

Building a new Tech Sample to demo Stitches by Modulz.

In this episode, we talk about the documentation of our Design Systems: how to organise the content, how to contribute, how to help designers and developers to share the responsibility of documenting and setting up the backbone of their docs. We also have a look at the Diátaxis framework and how it could help to build a stronger Design System Documentation.

This week, we start a new Starter Kit to demo Open props from Adam Argyle.

In this episode, we talk about the development side of Design Systems, trying to figure out what are the differences between Technologies, Frameworks, Librairies… and how we should consider each of them in our Design Systems toolkits.

We restart our journey from scratch is this very first available episode. Our final goal: producing a mindmap to help people navigating in the Design Systems world.