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.
Bree Hall
Thursday, October 17 2024 @ 9:30 AM PDT
Create consistent designs in React using Tailwind CSS
Learn how to create a “mini design system” for your projects of all sizes using Tailwind CSS. Bree Hall teaches us.
Sara Vieira
Thursday, August 15 2024 @ 9:30 AM PDT
3D on the web with React
3D assets are showing up on more websites these days. Sara Vieira has experience in both React and 3D modeling, and she’ll teach us how to combine them in our apps.
Mike Aparicio
Thursday, June 6 2024 @ 9:30 AM PDT
Build a design system with CSS
Mike will teach Jason how to build a design system using CSS. The system will make it easy to build pixel-perfect pages without needing to write CSS every time a new feature is added.
Jake Albaugh
Thursday, April 11 2024 @ 9:30 AM PDT
Dev Mode and Custom Plugins in Figma
How can web developers and designers work together in Figma? Live from the Figma offices in San Francisco, Jake Albaugh will teach us how Dev Mode improves the design handoff, and how the Figma plugins API enables more powerful customization.
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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.
Learn With Jason is made possible by our sponsors: