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.
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 😭
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!
Fantastic!
thank you!
So practical! I love the execution of this idea :)
Thank you so much!
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
Challenges
View all
Related posts
i’ve spent years designing websites with whatever tools were available
now i’m slowly getting used to the fact that i can also make the tool
for this project i wanted to explore more directions for the brand
collecting references or creating each direction from scratch would already become a project of its own
so i built a small generator and started playing with it
each output gives me something to react to
keep this
change that
try one more
and then one combination suddenly feels like a direction worth following
it’s still rough and i keep finding small things to fix
but honestly this is the part i’m enjoying most
doing the design and building the tool that helps me explore different visual languages at the same time
Making the tool instead of just using it is such an underrated superpower for designers. Once you can generate directions to react to, exploration stops feeling precious and starts being fun. This is the good kind of lazy.
I designed the initial experience for Argumind, focusing on creating a clean, modern, and approachable interface for an AI-powered platform.
For this concept, I designed:
• Welcome Screen
• Login Screen
• Sign Up Screen
The goal was to keep the experience simple, intuitive, and visually engaging, while creating a smooth transition from the first interaction into the platform.
Designed in Figma as part of my ongoing journey in UI/UX and Product Design.
More screens and interactions coming soon.
#UIDesign #UXDesign #ProductDesign #Figma #AI #Contra #UIDesigner
An experiment exploring how to visually communicate design impact through a draggable before/after slider. Built to test the interaction and motion feel of scrubbing between two states of a design, it uses a small format to show transformation at a glance 😊
The compact format is doing a lot of work—the draggable reveal makes the improvement immediately legible, while the consistent card rhythm keeps the comparison easy to scan.