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
Skip the Story, Find the Step (Recipe scrubber)
Recipe videos bury the recipe. So I rebuilt the scrubber: drag, and the frames magnify like piano keys and snap to each cooking step. Built entirely in Figma. Frames in Weave, designed in Figma Design, made real in Figma Make.
https://staff-dish-43356149.figma.site
Cool!
Thank you
Amazing idea. Wish you all the best.
Thanks a lot
this just made me hungry
Haha, thank you 😊
Uuuh, i'm gonna cook now 🤤
😊
The piano key metaphor for the scrubber is really well chosen. It maps to exactly how people want to interact with recipe videos, just jump to a specific step. Using Figma Weave and Make to build the whole thing is also a smart constraint that I think makes the concept stronger.
Thanks you
Amazing!
Thanks
I'm getting hungry by looking at this man.
😂
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
Just starting my Config Makeathon entry, but before I touch a single frame in Figma or begin prompting in Figma Make, I needed to do some research.
I am building CookieDraft, an interactive drawing, planning, and spec tool for cottage cookie makers! This means I've spent way too much time developing a rich description for the flow mechanics of royal icing and how to calculate icing volume using the surface-area-to-volume ratio for each cookie shape.
I cannot be helped, my love for baking and design are comingling. I'm now in deep for the simple love of the game.
Off to find some inspiration! Meaning, I cannot wait to see all those cookie designs on Pinterest.
I can't wait to see this one 🍪
Who else has a back-of-the-napkin idea or a bunch of sticky notes full of sketches and is planning what to build for the Config Makeathon?
🚀 Which mockup grabs your attention the most?
We've transformed our latest website design into two creative presentation styles:
💻 Website Mockup – A premium laptop showcase highlighting the full desktop experience.
📱 Mobile Mockup – A sleek smartphone presentation showcasing the responsive mobile design.
Now it's your turn to decide! 👇
9 voted
64%
5 voted
36%
14 votes
Closed
awesome
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?