- Dive Club
- Posts
- 𤿠wtf is a prototype
𤿠wtf is a prototype
+ strategies for "meta prototyping"

wtf is a prototype now??
we've made incremental progress for a decade+ and then everything changed overnight š³
So this week is all about the future of prototyping because we get to hear from Holly and Nikolas from the Figma Make team.
Some highlights:
Rethinking what āhigh fidelityā means for a prototype
How code is the glue and what it means for collaboration
What are the less obvious use cases for prototyping with AI
Meta prototyping with interactive playgrounds and inspect panels
+ a lot more
š¤ WITH GRANOLA
Alright picture thisā¦
Youāre in CRIT and youāre getting a bunch of feedback from everyone on the call so youāre taking notes as fast as you can so you know where to iterate.
Sound familiar? Well thankfully those days are overā¦

All you have to do is run Granola in the background the next time youāre talking with people on your team (donāt worry thereās no creepy meeting bot).
You can kinda think of Granola like Apple notes but it transcribes CRIT for you š®
You can even make a CRIT template to pull out specific action items or capture all of the questions you were asked. I never start a meeting without Granola and I strongly believe that designers everywhere should be using it.
Theyāre offering 3 months free for you and anyone on your team all you have to do is click the link to get it š
š KEY TAKEAWAYS
Some thoughts on the future of prototyping
1 ā Time to rethink fidelity
When you hear ālow fidelity,ā you probably think gray boxes and wireframes. Itās become shorthand for visual roughness.
But fidelity isnāt just about visuals⦠it lives on multiple axes.
Holly shared how sheāll sometimes intentionally ask Figma Make for a wireframe with gray boxes. That way, she can focus entirely on the interaction design.
āI just want to figure out what this interaction is going to look like. And then once I've validated that it works in code and that it feels good for me to useā¦then I will go and actually figure out the design specificsā
This example really resonates with me because prototyping with AI has improved my interaction design more than just about anything else. You donāt need the skills or even the right language to make something happen.
Niko joked that you can tell the AI to āmake it feel like a bouncy ball on a rainy dayā and itās true! You might not know what that looks like but something will happen and you can easily iterate from there.
Which brings me to my next point š
2 ā Embrace āmeta prototypingā
You ever see people like Jhey building these little sliders that allow you to tweak values and explore interactions live?

I used to think that was only something design engineers at Vercel could pull off but now you can add this to your prototype with a single prompt.
Just tell the AI what variables you want to mess with and itāll generate the sliders for you automatically.
We started calling this āmeta prototyping,ā and it genuinely unlocks a new ceiling for what you can build.
One thing I like to do is ask the AI to create a custom Inspect tab for developers.
For example, when I was working on theming logic for Inflight, I had AI generate documentation and give my engineer a one-click way to copy my custom gradients.

So returning back to the ābouncy ball on a rainy dayā interactionā¦
You could easily ask AI to:
Create sliders to tweak the animation
Outline the full code and logic for your developer to use
Pretty cool, right?
3 ā Code is glue
The final state for software will always be code.
So the more people who can work directly in that medium, the better the collaboration gets.
Remember when Gunnar Gray talked about designing the shader animation for Perplexityās voice mode?
If he had stayed in After Effects, it wouldāve been much harder for the engineer to realize his vision.
This isnāt about designers doing everyoneās jobs. Itās about contributing to a shared set of artifacts.
āAI and code is the glue that might bring us closer together rather than create this like unicorn designer who's now doing everything by themselvesā
When the output is standardized, you can insert yourself wherever youāre strongest or most curious.
For Gunnar, that meant shaders.
For me⦠theming logic.
Whatās it going to be for you?
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š
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:
ā Read all āideasā
ā Watch all āepisodes ā
![]() |
|
P.S. if you were forwarded this email you can āsubscribe here