- Dive Club
- Posts
- 🤿 14 UI patterns for AI
🤿 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:
Nate Parrott (Founding designer of Arc)
Adrien Griveau (Founding designer of Linear)
Soleio (2nd designer at Facebook)
Marco Cornacchia (Founding designer at Diagram)
Henry Modisett (Founding designer at Perplexity)
Helen Tran (Design leader at AngelList)
Diego Zaks (2nd designer at Ramp)
🤝 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 :) |
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:
|
P.S. if you were forwarded this email you can subscribe here