🤿 14 UI patterns for AI

+ new resource from Brad Frost

Many of my favorite episodes are when we get to hear from the earliest designers at companies like Linear, Perplexity, Ramp, Facebook, etc.

So this ~10 min video pulls out the key insights so you can learn what it takes to thrive as a startup designer 🚀

It’s jam-packed with highlights from:

🤝 WITH FRAMER

For years I’ve been paying for third party website analytics but I can finally cancel those subscriptions because Framer just released their all-new analytics dashboard.

It’s built into every plan and it’s even fully GDPR compliant without the need for a cookie banner 🤯

That way you can get a complete breakdown of how your site is performing including:

  • Live visitor activity

  • Bounce rates

  • Breakdowns by country + device

  • Even get a glimpse into referrers and UTM sources

It’s super powerful and built directly into your dashboard.

Just another reason why I tell everyone to use Framer for their websites :)

🔗 FEATURED RESOURCE

Design System Q&A with Brad Frost

Remember when Brad Frost talked about the New Frontier of Design Systems?

Well he recently joined Molly Hellmuth for a Q&A session in Design System Bootcamp. What’s cool is Molly agreed to let Brad share all of his answers in a separate public video!

So if you’re into design systems this is a heck of a deep dive and definitely worth bookmarking 👇

🔗 FEATURED RESOURCE

New types of UI required for generative AI

Des Traynor (co-founder of Intercom) recently asked people to contribute to this thread that surfaces 14 UI patterns (and counting) for generative AI.

I’ve been looking for this resource for a while now so I asked him if I could turn it into an article for easy sharing and he agreed!

It’s a fun look at some cutting-edge UI patterns that will more than likely be relevant for our future 👇

🔑 KEY TAKEAWAYS

The fourth phase of design tooling

Andrei (1st designer at Adobe) shared some pretty fascinating predictions about the future of design tooling and software creation in general.

He believes “components” are the backbone of the next era and honestly… the most you listen to him the more sense it makes.

So I turned the key takeaways into a little article ICYMI 👇

🧃 INSPIRATION JUICE

3 designs I saved this week

1️⃣ Required field error interaction

Alvish continually shares some of my favorite component interactions on Twitter and this was my latest save 👀

2️⃣ Linear empty state designs

I’m pretty obsessed with these empty state concepts from Adrien Griveau (founding designer at Linear). ICYMI we also recorded an interview last year that gets into the early design culture at Linear 👀

3️⃣ Lines motif

I’ll be honest… I’m not entire sure what to do with this one yet. But I can’t stop looking at the lines pattern. I tried to do something similar in the early Maven brand language (example) but the length of these really takes it to the next level.

Meet the Dive partners 

I made a list of my favorite products and asked them to come on as sponsors of the newsletter/podcast. They said yes 🥹

The #1 way to support Dive Club is to check them out👇

Dessn → How I ship like a design engineer

Framer​ → How I build my websites

Genway → How I do research

Jitter​ → How I animate my designs

Play → How I design mobile apps

Raycast ​ → How I do most things on my computer

Visual Electric → How I generate imagery

How much did you enjoy this issue?

Never hesitate to reply with feedback too :)

Login or Subscribe to participate in polls.

Thanks for reading! I'm working hard to bring you the best design resources on the planet 🫶

If you want to go even deeper you can always:


See you next week ✌️ 
- Ridd

P.S. if you were forwarded this email you can ​subscribe here