🤿 fidgetability

crafting interfaces with uncommon care

What does it look like to demonstrate uncommon care in the way you design and build an interface?

That’s what today’s episode with the one and only Josh Puckett is all about.

Josh has has spent nearly two decades designing products like Wealthfront, Dropbox and helping dozens of startups.

And recently he released Interface Craft which is a library of everything he's learned about sweating the finer details of design👇

Some highlights:

  • Josh’s principles for great design

  • Morphing strategies for micro-interactions

  • How the value proposition of design is shifting

  • He builds a custom pattern generator on the fly

  • How Josh makes storyboards to collaborate with AI

  • Walks us through how he designed the onboarding flow

  • + a lot more

Watch on YouTube, Spotify, Apple, or wherever you get your podcasts 👇

And if you want to join me in the library, you can use this code for 20% off Interface Craft: DIVE20

🤝 WITH FRAMER

If you’re still designing in Figma and rebuilding in Framer, you’re doing twice the work.

With Framer’s Design Pages, you no longer need to jump between tools. The last page I made for the Dive Website I explored entirely in Framer.

You can sketch, iterate, structure, and publish to the web all from the same place. 

Framer isn’t just a site builder. It’s a design tool for your entire workflow and you can start creating for free today 👇

🔗 FEATURED RESOURCE

Details that make interfaces feel better

Great interfaces rarely come from a single thing. It's usually a collection of small things that compound into a great experience.

So here are a few small details that Jakub Krehel uses to make interfaces feel better 👇

🔗 FEATURED RESOURCE

Define app demo from Oguz

I’ve been saving bits and pieces from Oguz’s latest work on Define.

But now we have an entire demo to play with and there are a ton of gorgeous design details in here.

Highly recommend taking a few minutes to study it 👇

🔗 FEATURED RESOURCE

Creating an impossible button effect in Paper

I recently shared my aha moment with Paper and it looks like Aryna recently had hers as well.

If you’re interested in what shaders unlock in your design workflow then you’ll enjoy this little tutorial 👇

🧃 INSPIRATION JUICE

3 things I saved this week

1️⃣ Color inspiration

Jamey Gannon recently highlighted this color palette so I saved it to my own taste library :)

2️⃣ Craft feature cards

Everything that comes out of Craft is gorgeous (interview ICYMI) and these cards are no exception.

3️⃣ Highlighting value props in a sentence

I like this detail on the Interfere website where a single phrase is highlighted at a time.

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👇

Framer​ → How I build my websites

Genway → How I do research

Granola → How I take notes during CRIT

Jitter​ → How I animate my designs

Lovable → How I build my ideas in code

Mobbin → How I find design inspiration

Paper → How I design like a creative

Raycast ​ → How I stay in flow while I work

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