skip to content

Design

Understanding visual design is a core skill for web developers. Learn how to improve the UI and UX of your web apps from expert designers in these episodes.

James Mikrut

James Mikrut

Tuesday, October 25 2022 @ 10:30 AM PDT

Build a scalable design system for enterprise websites with Payload CMS & Next.js

How do you make the dream of a design system for your company stand up to the reality of other teams actually using it in prod? James Mikrut will show us how.

Adam Argyle

Adam Argyle

Thursday, August 11 2022 @ 9:30 AM PDT

Build Custom Interfaces Using CSS Open Props

Learn how to make a great-looking interface (+ animation!) with ready-to-use CSS variables from Open Props. Open Props is a design system for any tooling. Adam Argyle will teach us how it works.

Prince Wilson

Prince Wilson

Tuesday, June 21 2022 @ 10:30 AM PDT

Let’s Learn Blender!

Blender is a free and open source 3D creation suite. In this episode, Prince Wilson will teach us how to get started building our own 3D designs.

Thaís Santos

Thaís Santos

Tuesday, June 7 2022 @ 10:30 AM PDT

Generate Figma UI kits from code

We've all seen components go from Figma to code, but what about from code to Figma? Thaís Santos will teach us how story.to.design can generate a Figma UI kit directly from your code

Segun Adebayo

Segun Adebayo

Tuesday, May 10 2022 @ 10:30 AM PDT

Build UI Components With State Machines

The new Zag component library offers UI components powered by finite state machines. Segun Adebayo will teach us how it works!

Ceara Crawshaw

Ceara Crawshaw

Thursday, December 9 2021 @ 9:30 AM PST

Diagnose and Fix UX/UI Problems

You don't need to be a designer to catch and fix issues with an app's UX and UI. In this episode, Ceara Crawshaw will teach us how to identify common problems in interfaces — and how to solve them!

Georges Gomes

Georges Gomes

Thursday, December 2 2021 @ 9:30 AM PST

Build Your Own Design System

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.

Lynne

Lynne

Tuesday, September 28 2021 @ 10:30 AM PDT

Improve Your App's UI and UX

We can all tell when an app just feels right, but it can be hard to know how to do that ourselves. In this episode, Lynne will teach us how to create great UI/UX in our apps.

Amy Dutton

Amy Dutton

Thursday, May 6 2021 @ 9:30 AM PDT

Prototyping With Framer

Can we combine the best parts of no-code and custom code? Amy Dutton thinks we can! She'll teach us how to build prototypes with Framer that combine design components with custom code components.

Lynn Fisher

Lynn Fisher

Thursday, October 29 2020 @ 10:30 AM PDT

A Single (Spooky) Div

Lynn Fisher's A Single Div project demonstrates just how far we can creatively push CSS. In this special spooky episode, she’ll teach us how she does it! 🎃

Ryan Warner

Ryan Warner

Thursday, May 14 2020 @ 9:00 AM PDT

Introduction to Figma for Developers

Figma is a powerful tool for creating designs and collaborating with team members. In this episode, Ryan Warner gives a feature tour and teaches us the fundamentals.

Leslie Waara

Leslie Waara

Thursday, May 7 2020 @ 9:00 AM PDT

Designing Secret Sandwich

Secret Sandwich lives! In this episode, Leslie Waara will teach us how to wireframe and design a website.

Dan Mall

Dan Mall

Thursday, April 9 2020 @ 9:00 AM PDT

Let's Learn Design Systems!

Design systems are a hot topic, but how do you make sure your design system is useful? More importantly, how do you make sure people actually use it? In this episode, Dan Mall teaches us the fundamentals of design systems and how they can help us be more effective.

Mandy Michael

Mandy Michael

Friday, February 21 2020 @ 4:30 PM PST

Creating CSS & Variable Font Text Effects

When it comes to creative uses of typography on the web, few people can hold a candle to Mandy Michael (https://twitter.com/Mandy_Kerr). In this episode, Mandy teaches us how to create our own text effects!

Tatiana Mac

Tatiana Mac

Monday, November 11 2019 @ 10:30 AM PST

Art Direction for Developers

Whether you’re working with a team, a client, or both, any project you build will likely end up with a long list of things that need to be included on the page. How do you fit it all in while keeping the page readable, uncrowded, and pleasing to look at? In this episode, Tatiana Mac teaches us how to add art direction into our development projects.

Shirley Wu

Shirley Wu

Friday, November 8 2019 @ 10:00 AM PST

Generative Data Visualization Design and Planning, part 2

Shirley Wu creates art from data. In this episode, Shirley takes the decisions we made in part one of this miniseries and teaches us how to turn them into gorgeous, computer-generated data visualizations.

Shirley Wu

Shirley Wu

Tuesday, October 15 2019 @ 12:00 AM PDT

Generative Data Visualization Design and Planning

Shirley Wu creates art from data. In this episode, Shirley teaches us how to approach creating a beautiful data visualization and shares her process for making complex data into stunning, understandable designs.

Maggie Appleton

Maggie Appleton

Wednesday, October 9 2019 @ 12:00 AM PDT

Sketching, Illustration, and Logo Creation

Creating a memorable logo for your app or company is challenging. On this episode, Maggie Appleton joins to share her techniques for creating, sketching, and illustrating incredible logos.

Marquet Reid

Marquet Reid

Monday, September 23 2019 @ 12:00 AM PDT

Create Apps Using a Component Library

How can you get started quickly with building professional-looking apps? On this episode, Marquet Reid joins to teach us how to quickly create websites and apps using Material UI.

Marisa Morby

Marisa Morby

Tuesday, September 17 2019 @ 12:00 AM PDT

Turning an App Idea into a Plan with UX Design, Workflows, and Prototypes

When you have a new idea for an app, where should you start? On this episode, Marisa Morby will teach us how to take an idea from zero to actionable using UX design techniques like user workflows and lo-fi prototyping.

Kathleen McMahon

Kathleen McMahon

Thursday, August 15 2019 @ 12:00 AM PDT

Design Systems and MDX in Gatsby

Creating design systems with great documentation and examples can be a pain. MDX makes it *far* less painful — on this episode, Kathleen McMahon (https://twitter.com/resource11) joins to teach us how to create excellent documentation for a design system using MDX and Gatsby.

Closed captioning and more are made possible by our sponsors:

../../components/episode-preview.solid