šŸ¤æ designing v0

+ 10 best UX patterns of 2024 šŸ‘€

Hope you had a merry Christmas! Iā€™m combining the Thursday/Saturday emails into one the next two weeks so this issue is pretty jam-packed šŸ‘‡

We've heard a lot on this show about designers becoming builders using tools like v0 which is why Iā€™m so excited about todayā€™s episodeā€¦

We get to do a deep dive with Pranathi Peri who is leading the design of v0 at Vercel!

We cover a lot of ground including:

  • How to grow your taste and intuition quickly

  • How Pran thinks about the design language of v0

  • Pranā€™s personal experiments using 3D and physics

  • Why Pran wants to bring ā€œonboarding rouletteā€ to v0

  • How Pran showed potential without having extensive experience

  • What itā€™s like collaborating with engineers like Shadcn and Rauno

  • + a lot more

Listen on YouTube, Spotify, Apple, or wherever you get your podcasts šŸ‘‡

Soleio (early Facebook) and Diego (VP of Design at Ramp) both shared how they try to hire for slope over intercept.

This means they place more weight on someoneā€™s ability to learn new skills than what theyā€™re currently bringing to the table.

But how do you communicate that as a candidate?

Well Pran is obviously doing something right because in a few short years she was able to:

  1. Convince Github to hire her even though sheā€™d never had a design role

  2. Convince Graphite to hire her as the 2nd designer when they originally wanted someone super senior

  3. Lead design for v0 which is easily one of the most exciting products in tech right now

So beyond designing for AI, this weekā€™s episode highlights one of the more impressive career arcs Iā€™ve seen in all of design šŸ‘‡

šŸ¤ JITTER

My favorite animation tool Jitter just had a game-changer of a release.

They just dropped their first set of community templates created by some of the best designers and studios I know.

And get thisā€¦ theyā€™re all free šŸ¤Æ You donā€™t even have to download anything because Jitter is like Figma for animation design.

Just head to their new community page and find an animation that you love and then you can remix it in a single click āœØ

šŸ’” KEY IDEA

The detail designers often miss

Craft is so much more than a shimmering landing page or micro animationā€¦

Itā€™s sweating all of the tiny details and having a thorough understanding of the edge cases in your product.

But thereā€™s one detail most designers missā€¦ šŸ‘€

So this ~5 min episode highlights one of my favorite ideas ever shared on the show from Raphael Schaad (founder of Cron and now the Head of Calendar at Notion).

Itā€™s a great example of what it looks like to obsess over the craft of your product šŸ‘‡

If you want to get the full Cron story can find Raphaelā€™s episode here.

And this episode also pulls in part of my conversation with Julius Tarng about his time at Linear.

šŸ”— FEATURED RESOURCE

How to make something great

Ryo Lu (early designer at Notion) is one of the design thinkers I look up to most.

Itā€™s not often that he writes articles but when he does, I drop whatever Iā€™m doing and get a note pad out. Hereā€™s an excerpt from his latest intro so you can get a taste:

ā€œThereā€™s a quiet, almost mystical art to starting with something so unrefined that youā€™re unsure if itā€™s mud or marble, and patiently revealing its shape until others recognize its beauty. In the end, theyā€™ll say: ā€œOf course! Itā€™s so obvious.ā€ But what they see is only the final state. What you know is the hidden complexityā€”how the stone could have cracked and fallen to rubble at any misstepā€

Ryo Lu

If that doesnā€™t make you want to read his 7 ideas for creating great products then I donā€™t know what to tell you šŸ˜…

šŸ¤ VISUAL ELECTRIC

After 14 months, Trevor Nielsen cancelled his Midjourney account.

Why you ask? Wellā€¦ he found a tool that he likes even more after listening to Dive Club. Itā€™s called Visual Electric ā€” a new image generation tool thatā€™s built specifically for designers šŸ’Ŗ

  1. Itā€™s the most photorealistic image generator out there (even more realistic than Midjourney).

  2. They have a bunch of beautiful predefined styles

  3. Itā€™s super easy to iterate because the experience happens on an infinite canvas just like Figma

Honestly the whole product is the epitome of taste and I use it for absolutely everything.

Trust me on this oneā€¦ youā€™re going to want to use the exclusive code DIVECLUB to get your first month free šŸ‘‡

šŸ”— FEATURED RESOURCE

The 10 Best Moments of UX

Iā€™m typically the last person to share a UX Planet Medium listicleā€¦ but honestly this one is really freaking good šŸ”„

Itā€™s a breakdown of 10 of the best UX patterns from 2024 (including some great examples of how to frame the value of your product in upgrade/cancellation flows).

šŸ§ƒ INSPIRATION JUICE

3 designs I saved this week

1ļøāƒ£ Multi-step flow illustration

Iā€™m pretty obsessed with the depth effect that Derek Briggs created here. Even the typography is interesting. Normally Iā€™m wary of using 4 separate styles for 4 pieces of text but this kinda works.

2ļøāƒ£ Cora feature cards

If you havenā€™t seen the Cora website yet then the entire thing is worth a scroll. Itā€™s landing page storytelling at its finest. But I want to specifically call out these cards because thereā€™s a lot of interesting things happening:

  1. Aligning the text in the middle card to the bottom adds a lot of visual interest

  2. The smaller, darker shadows make the cards feel more like physical items

  3. Itā€™s rare to see gray textured backgrounds that are all unique yet feel cohesive

3ļøāƒ£ Fun way to design avatars

Youā€™ve probably designed a row of avatars 50+ times by nowā€¦ which is why I saved this design! Because the luminosity effect + oval shape produces a pretty fresh take šŸ‘€

How much did you enjoy this issue?

Never hesitate to reply with feedback too :)

Login or Subscribe to participate in polls.

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

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