- Dive Club
- Posts
- š¤æ designing v0
š¤æ 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
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:
Convince Github to hire her even though sheād never had a design role
Convince Graphite to hire her as the 2nd designer when they originally wanted someone super senior
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ā
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 šŖ
Itās the most photorealistic image generator out there (even more realistic than Midjourney).
They have a bunch of beautiful predefined styles
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.
Check it out ā
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:
Aligning the text in the middle card to the bottom adds a lot of visual interest
The smaller, darker shadows make the cards feel more like physical items
Itās rare to see gray textured backgrounds that are all unique yet feel cohesive
See it live ā
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 š
See it live ā
How much did you enjoy this issue?Never hesitate to reply with feedback too :) |
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:
ā Read all āideasā
ā Watch all āepisodes ā
|
P.S. if you were forwarded this email you can āsubscribe here