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!

AI

Presenting - Silver Line 🌥️ https://silverlinespace.figma.site My Config Makeathon Submission! A helpline for hearts that can't quite see the bright side today. 🌥️ The Problem We all carry small struggles around with us. A rejection email, a plan that fell through, a rough day at work, a friend who didn't text back. None of them are the end of the world, but they pile up. And on the wrong day, even the little things feel heavy. Most of us weather them alone and in silence, scrolling past everyone else's highlight reel while quietly having a hard time.

There are apps for big crises and apps for vanity metrics, but very little for the everyday, low-grade cloud that just needs a kind word from a stranger.

☀️ The Solution Silver Line is a communal sky where strangers help strangers spot their silver lining.

Share your cloud. Sign in, step into the sky, and post the little problem weighing you down. Set how heavy it feels, then send it up. Be someone's silver line. Open any cloud and leave a message of encouragement, a kind word, or a bit of perspective. Loved someone's comment? Send a ray of sun to show you appreciate it. Watch clouds turn happy. When you can finally see the bright side, tap "I see the silver lining" and watch your cloud become a happy cloud. The goal is simple: make every cloud in the sky a happy one! Because no one should face their problems alone. Safety rails (community flagging + admin moderation) keep the sky a kind place.

🛠️ The Process & Figma Tools Used The whole thing was built predominantly in Figma, powered by Figma Make.

Planning: Mapped the idea and concept with an AI agent before touching design. Figma MCP: Built the entire design system and variables directly in Figma, fast and clean. Figma Design Agent: Spun up the major screens in minutes. Figma Weave + Figma Draw: Generated the cloud assets and visuals; Draw was a joy for the finishing touches. Figma Make: The heart of it. Prompted my vision and watched it come to life, iterating across versions. Used Figma Make's Select Edits for precise manual tweaks (images, text, padding) to save AI credits. Supabase:Connected for persistence, so clouds, messages, and rays of sun are saved between visits. A real end-to-end Figma workflow, from design system to a live, interactive product.

🔗 Link - Try it out yourself! 🚀 Live Working Prototype: https://silverlinespace.figma.site *** Cannot provide figma community link as this project is connected to Supabase! *** 👤 Built by Arjun Haridas, Product Designer, Bangalore, India. Originally designed and built during the Config Makeathon period.

Huge thanks to Figma for the makeathon and to Contra for hosting. And to everyone who's ever been the silver line to someone else's cloud you're the reason this exists. 😊🌤️

#FigmaMakeathon #ConfigMakeathon

Unique concept. nice work 😇