Dive Club 🤿

Get 10% off Karl's Become a Design Engineer course: https://join.dive.club/karl
Today’s episode is with Karl Koch (https://x.com/_kejk?lang=en) and it’s filled with practical tips for new design engineers looking to push past what AI gives you out of the box.
We go deep into:
- Adopting the design engineering mindset
- What the job market looks like for design engineers
- The difference between frontend and design engineers
- Specific language to create better interaction design
- The details Karl is sweating in his role at Duck Duck Go
- + a lot more

Get 10% off Karl's Become a Design Engineer course: https://join.dive.club/karl

This episode is a deep dive into Rive—the engine powering experiences like Spotify Wrapped, next-gen car dashboards, and so much more.
After hearing Luigi and Guido Rosso’s vision for the future of interactive software, I’m convinced it will be a big deal for designers 👀

One of the biggest parts of my design practice is knowing which tool to reach for when coding with AI.
There are a lot of options and they’re changing every week 😅
So in this episode, I break down:
1. The mental model I use to think about different types of AI coding workflows
2. How that model guides which tools I actually reach for day to day
3. The new AI coding product I’m completely hooked on right now

- Tools listed:
- Lovable (https://lovable.dev/)
- Figma Make (https://www.figma.com/make/)
- Dessn (https://www.dessn.ai/)
- Conductor (https://www.conductor.build/)
- Warp (https://www.warp.dev/)
- Inflight (https://www.inflight.co)

Sometimes you open up a website and it's so good that you're left wondering... how the heck did they pull that off?
In this episode the designer of the original Amie website, Xavier Jack (https://x.com/KMkota0), is going to give us a little tutorial of what it looks like to bring web experiences to life with 3D.
Some highlights:
- How he prototyped the viral Amie website
- How he made the Amie interactive balloons from scratch
- How he uses mental models to understand 3D design tools

- Amie.so (http://amie.so/)
- Desktop.fm (https://desktop.fm/)
- Three.tools (https://three.tools/)
- Shopify Winter 2026 https://shopify.com/editions/winter2026
- Wiggle bones https://wiggle.three.tools/docs/manual/getting-started
- Blender (3D modeling software)
- Three.js (JavaScript 3D library)

Last month the head of design at Lovable, Nad Chishtie, walked us through the portfolio of one of their recent design hires, Matt Sellers.
So today's episode is a behind-the-scenes of what it actually takes to create a portfolio that gets you hired at one of today's top startups.
He shares some really tactical mental models that I think everyone can benefit from.
Some highlights:
Why Matt removed 80%+ of his work
What made Matt's micro copy so effective
How Matt built his micro animations in Framer
The finer details of Matt’s portfolio and micro-interactions
How Matt changed his portfolio strategy and why it worked
What it takes to make your portfolio an experience rather than a catalog
a lot more

Nad Chishtie’s episode