The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I wanted to create something that practical designers could use for the #FigmaMakeathon.
Meet Depth, a new design tool that reimagines the "zoom” (pinch to zoom/Ctrl+scroll to zoom) as a progressive design inspection tool.
Each level reveals a different layer of your design. Structure. System. Intent. Three levels. One gesture.
Seeing the “why” behind each design has never been easier, even for stakeholders.
Inspect, copy tokens directly, and leave annotations anywhere.
View the live site here: https://zebra-chat-30501410.figma.site/
Support my on LinkedIn post here: https://tinyurl.com/42npc256
View in the Figma Community here: https://www.figma.com/community/file/1609710921120524425
P.S. You can also use hot keys:
“D” for toggling zoom or depth mode
“1”, “2”, and “3” for changing each separate depth mode.
upgoated , I came at it from the entirely other direction, the user experience to control design fidelity with pinch-zoom .
As I was credit limited so had to constrain things alot and dev tooling comes with a complexity cost that can burn budgets like crazy.
For some of the...
great minds think alike, your link is broken, could u reply again?
https://contra.com/community/vHJKBYGK-everyones-waving-their-arms-around-and
I guess I don't understand contra well enough lol.
Like now I'm noticing your post has like a custom title/slug that's not just the the first words of the post 😲
contra.com
Everyone’s waving their arms around and wiggling our fingers trying to find the next great
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
ha, all good. Still figuring out Contra, too. It's a really cool concept you did!
thank you!
Clean, Simple, Elegant. 🔥
Thank you sm! 🤩
Appreciate it 🙌
😚 let’s hope things turn in my favor
Turning Zoom into a progressive inspection tool is such a smart idea. Reimagining Zoom as a layered understanding is smart.
Thank you so much!
Such an interesting concept!
I appreciate it.🙂🙌
The idea behind this is pretty great and practical for sure. Love this
Thank you!
🎉 thank you I appreciate it
phrase of the year for me has been: progressive disclosure. this is a sick visualization of just that!!
☺️☺️ in my personal work, I’m designing a dashboard. A huge thing is dealing with cognitive load. I’ve been playing with progressive disclosure a lot. I guess it rubbed off on this project too 😭
Fantastic!
thank you!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
My entry for Figma makeathon @Contra HQ
@Figma @Adobe
https://www.figma.com/proto/mhpVoABRQl9LCgHVXMyvDP/Smart-Home-App-Design?page-id=42%3A348&node-id=184-3664&p=f&viewport=634%2C144%2C0.09&t=FLcom8KsJhtQvnZU-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=184%3A3664&show-proto-sidebar=1
Hi Gauravi Pandit, so great to see your submission. Will you include the published Figma Make link?
Design feedback hasn’t evolved. So I redesigned it.
Clawrence is an AI critique buddy for Figma.
Zoom into a screen, nudge him, and he explores your UI and leaves contextual feedback. 🦀
Built entirely in Figma Make.
Love Clawrence's name and how he does a little jiggle when he's sharing his thoughts!
Born from a prompt to create a never-before-seen interaction, Cosmic Fabric leverages Figma Make to replace static states with a rigorous, physics-driven ecosystem via a custom Image-to-Physics Pipeline.
Rather than hovering, your cursor physically displaces a molecular cloud of tethered pixels. Clicking and holding triggers a "Singularity Event," transforming the cursor into a gravitational black hole that pulls the entire image into a dense, high-energy vortex.
As particles accelerate, a Kinetic Chroma-Shift simulates friction, glowing cyan before a non-linear spring engine snaps the digital fabric back into place. It’s an out-of-the-box, smoothly responsive prototype that completely redefines UI boundaries.
Community Link: https://www.figma.com/community/file/1608882617640813432
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?