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
FrameOrbit — Config Makeathon Submission 📸🌀
Sharing second project for the Config Makeathon: FrameOrbit.
https://cedar-thaw-04755246.figma.site/
Project published to the community.
FrameOrbit is a playful camera canvas experience where taking photos feels more spatial, visual, and alive.
The idea started from a simple question:
What if captured photos didn’t disappear into a hidden gallery, but stayed around your camera as part of the experience?
In FrameOrbit, the camera view sits in the center of a soft canvas. Every time the user captures a photo, it instantly appears as a framed image around the camera. As more photos are taken, the canvas starts to build a visual orbit of moments around the live camera view.
Users can:
Capture photos directly from the center camera frame
See each image appear instantly around the canvas
Apply different photo styles like Normal, Noir, Warm, Cool, Vivid, Fade, Retro, and Neon
Drag photos around the canvas
Tap any photo to open it in a cinematic full-screen viewer
Move between images using previous/next navigation
Save all captured images or reset the canvas
The goal was to make photo capturing feel less like a utility and more like a small creative ritual, a live memory board that grows with every shot.
Built with Figma Make, I focused on creating a polished interactive prototype with a soft visual system, floating photo cards, smooth viewer experience, and a simple flow that can be understood in seconds:
Capture → frame appears → build your orbit → explore your moments.
FrameOrbit turns the camera into a canvas. ✨
#ConfigMakeathon #FigmaMake #FrameOrbit #ProductDesign #UXDesign #UIDesign #CreativeTools #CameraApp #Prototype #Makeathon
The color palette strip right there on the capture screen is a sharp move. Keeps the creative decision in the moment instead of sending people to an edit screen after. What inspired the spatial framing concept?
The spatial framing concept was inspired by the idea that photos usually disappear right after we capture them , they go into a hidden gallery or camera roll.
I wanted to make capturing feel more visible and emotional, almost like building a live memory board. So instead of...
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
For this contra Makeathon, I wanted to merge creative tech . So I designed and built a tool where you can pick any MP4 or WebM from your device, and it plays directly in your browser as live, colored ASCII.
#FigmaMakeathon #Figma #DesignWithPurpose #ASCIIArt #PrivacyFirst #WebDesign
This is COOL!
Kombucha Y2K – Interactive Flavor Experience with a walkthrough video
project live demo link :
Link of figma project
Figma X contra challenge
Kombucha Y2K is a bold, interactive product experience that showcases a new generation of kombucha through a high-energy digital interface. Built with a striking neon aesthetic, the app blends product discovery, brand storytelling, and exploration into one immersive platform.
Users can browse unique flavors like Neon Lime Surge, view detailed product information, and explore ingredients, energy levels, and nutritional highlights in a visually engaging way. Each product is presented with a futuristic, electric style that reflects the brand’s identity.
Beyond shopping, the app introduces a strong brand narrative through its manifesto—positioning Kombucha Y2K as more than just a drink, but a movement focused on energy, flavor, and individuality.
With interactive sections like product exploration, lab-style discovery, and location features, the experience feels dynamic and modern rather than static.
Kombucha Y2K is designed for a new generation of consumers who want bold flavors, strong identity, and an engaging digital experience—all in one place.
I didn’t want to make something normal.
Everything I see online feels the same—clean, safe, predictable. So I decided to build something that actually feels different… something with energy.
I started with a simple idea: what if a drink brand felt alive? Not just a product, but an experience. Something bold, electric, almost futuristic.
So I designed Kombucha Y2K.
I played with neon colors, sharp contrasts, and a dark interface to give it that high-energy vibe. Every screen, every detail—it’s meant to feel intense, like you’re not just looking at a product, but stepping into a world.
This wasn’t just about design. It was about creating a feeling.
Something loud. Something different. Something that stands out.
And honestly… this is just the beginning.
Some walking through video
Last Seen - Places disappear. Their stories don't have to.
Last Seen is an archive of lost places and the memories people left behind. A living record of the places that shaped us, before they disappear from memory as completely as they have from maps.
The research
Before writing a line of code I posted to Reddit. "What closed place do you still think about?" Three subreddits. Three cities. 217,000 views. 1,652 replies. The Astoria. Shunt Vaults. CBGB. Florent. The problem was real before I built anything.
The Figma workflow
Figma Weave generated the visual language, aged paper textures, film grain overlays, archival map treatments. The Design Agent built the complete design system from a single prompt, colour styles, typography, eight components, page layouts, brand guidelines. The result is a 16-frame horizontal brand identity deck published to the Figma Community.
Two Figma Make widgets built and published to Community, Memory of the Day and Still Here, pulling real memories from a live Supabase database in real time.
The product
Next.js, TypeScript, Tailwind, Supabase, Mapbox GL JS, Vercel. 103 places across five cities. A heatmap showing where memory concentrates across continents. Real memories from real people. An admin queue, rate limiting, auto-geocoding, profanity filtering, i18n across six languages.
825 unique visitors in three days. The archive keeps growing.
The workflow
Reddit validation, Figma Weave, Design Agent, Figma Make, live product. In 24 hours.
Design System - https://www.figma.com/design/Kn81kFZfmAOf9OJkzUGohk/Last-Seen?node-id=0-1&t=JJ7SBoTiIzpf07OZ-1
Figma Make - https://glassy-sky-12636665.figma.site
Project link - https://www.lastseen.city
Love this!
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?