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
New chapter on Contra😊 .
I design products, craft interfaces, and bring them to life in Framer.
This space will be where I share projects, design thinking, and the process behind creating digital experiences.
Glad to be here ✨
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
I wanted to build a Sci-fi HUD creation tool with plenty of customization options.
So I built the SINGULARITY HUD CREATION TOOL
Live site: https://singularityhud.figma.site/
GitHub Repository: https://github.com/nytrite/SingularityHudCreationTool
SINGULARITY is a notch web-based studio for making cool animated graphics, technical drawings, and futuristic interfaces.
It works in your browser and uses special technology to make smooth animations.
The studio has a professional look, with a dark theme, orange accents, and a clean, simple design.
This makes it easy for designers to create and animate graphics and export them in a ready-to-use format, such as MP4.
The tool is great for making all sorts of graphics from animated user interfaces to schematics and cinematic sci-fi interfaces.
It uses an animation engine that makes everything look smooth and realistic.
With SINGULARITY, designers can make high-quality motion graphics and HUDs quickly and easily.
My process:
Pen and paper → Figma make → Using Figma make to generate ideas → Prompting it out as perfectly as I can get it to work → Connected to Supabase → Deployed
Thank you!
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
Make sense
🚀 Started learning Framer this week.
After years of building websites the "traditional" way, I finally decided to see what all the Framer hype was about.
A few hours in, and I've already learned:
• Stacks are your best friend 🤝
• Making something responsive is easier when you stop fighting the layout engine
As a small milestone, I designed and built a modern minimal hero section that works across desktop, tablet, and mobile. 📱💻 Still very much in the learning phase, but I'm enjoying the process and looking forward to building more projects with it.
More experiments, mistakes, and hopefully some cool websites coming soon. 👀
What do you think of the hero section? Any improvements you'd make or Framer tips you'd give to someone just getting started? 👇
#Framer #WebDesign #UIDesign #NoCode #WebDevelopment #DesignJourney
This is awesome, how come you learnt this so fast mine took me up to 2 days to learn this but am now an expert
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?