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
Web app name
life operating system app
In the video you will see some
Animation VFX cartoon intro and Prototype vs workflow
Test Link on PC -
Tool used bubble.io
Category : Social or Community
Short prompts how i build this
Build a personal life operating system app that acts as an AI-powered command center. It should include a dashboard with goals, tasks, habits, notes, and a daily planner. The system should prioritize tasks automatically based on urgency and user-defined goals, and generate a daily plan. Include sections for tracking progress, reflecting on the day, and adjusting priorities dynamically.
Add a top login and log out and create account section
Add a top section called “AI Daily Plan” that automatically generates a structured schedule for the user based on their tasks, habits, and goals.
Display it as a timeline (morning, afternoon, evening) with priority labels (high, medium, low). Include a button to regenerate the plan.
Modify the task list so tasks are automatically sorted by priority and urgency using AI. Highlight the most important task of the day with a glowing or visually distinct card labeled
“Focus Task.”
Add a dynamic insight card that analyzes user activity and displays suggestions such as productivity patterns, habit consistency, or recommendations for improvement. Example: “You are most productive in the morning.
Add pricing plans
Redesign the habits section to include progress indicators such as streak counters, completion rings, or percentage bars.
Add visual feedback for completed habits.
Add a feature where users can select their current energy or mood (low, medium, high), and adjust the AI daily plan accordingly to recommend lighter or more intensive tasks.
Enhance the UI by adding soft shadows, gradient highlights, and subtle animations to buttons and cards. Improve spacing and hierarchy to make the interface feel more modern and premium “This was the AI-generated base, then I enhanced it by adding intelligent planning, prioritization, and adaptive behavior based on user state.”
And i did desgin by myself some pages
The energy/mood input that adjusts the daily plan is a smart touch. Most productivity apps ignore that context entirely and just dump tasks at you regardless of how you're feeling. Good luck with the challenge.
One of the best designs I’ve seen today. Really solid work 👏 keep pushing.
Thank you it took me two days to end up the project web and one day for the video and the VFX and the animation
Nice and interesting work 🔥
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
I built a digital paper fashion atelier. It's called Vogue & Scissors.
It started with a simple wish: I wanted to try on different outfits on myself online. But make it 1960s Vogue, inspired by collages, cutouts, and paper dolls.
Built the entire thing in @Figma Make, first thing I've ever vibecoded with it.
I used Figma Weave to transform the dress images.
Every visitor gets a doll and a wardrobe. You mix, match, and layer vintage-inspired pieces to style your own look on an interactive canvas.
In Vogue & Scissors the wardrobe never runs out, the scissors are optional, and nothing ever tears.
I love how Figma Make is the kind of tool that lets you focus on what something should feel like, not how to ship it. I can’t wait to use it for real projects at Macromo.
Made for the @contra x Figma Makethon #FigmaMakeathon
Try it yourself, link is in the first comment.
Love the visual direction here. The attention to detail really stands out.
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?