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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Before I open Figma, I do something most designers skip.
Read the product. Use AI to break down the value prop. Audit the current site. Study competitors. Think about the visitor, not the founder.
Only then do I open Figma. The design is fast because the thinking is already done.
Most landing pages fail in the strategy phase, not the design phase.
Nice work
Design is not just about making a website beautiful.
It's about creating an experience that feels effortless.
I use Figma to explore the structure, visual language, and user experience — then bring the final concept to life in Framer with responsive layouts, refined interactions, and smooth animations.
The goal?
A website that feels intentional from the first scroll to the final click.
Thoughtful design. Clean execution. Memorable experiences.
#FramerDesigner #FigmaDesigner #WebDesign #UIDesign #UXDesign #CreativeWebDesign #FigmaToFramer
A premium brand deserves a website that feels premium.
I design and build modern digital experiences using Figma + Framer, combining thoughtful UI/UX, strong visual direction, responsive layouts, and subtle interactions.
I help startups, SaaS companies, agencies, and ambitious businesses turn ideas into websites that look credible, communicate clearly, and are built to convert.
Figma → Framer. Strategy → Design → Launch.
#Framer #Figma #WebDesign #UIDesign #UXDesign #FigmaToFramer #SaaSDesign #WebDesigner #LandingPageDesign
