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
I’m happy to share that I’ve successfully transformed a Figma design into a fully responsive React.js application with seamless backend integration.
From UI precision to API connectivity — everything is production-ready
Good work
Thank you
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
Noodles is a web application for image and video processing based on visual flows (node-based). You connect nodes by dragging them onto a canvas to create editing pipelines—from simple adjustments to animations and video export—all in the browser, without a backend.
https://noodles-app.figma.site
Import images — drag files onto the canvas or use the Media node
Adjust color — brightness, contrast, saturation & hue
Apply filters — grayscale, sepia, invert, blur, etc.
Visual effects — glitch, pixelate, vignette, noise, posterize & more
Crop — free crop with position & size controls
Compress — reduce quality/weight with compression slider
Convert format — PNG, JPEG, WebP, BMP
Remove background — automatic background removal
Compose layers — overlay multiple images with opacity
and more...
Imagine a "daily pal" for AR or desk tablets—managing tasks and routines through natural gestures instead of a mouse. For #FigmaMakeathon, I moved beyond static design to build a live-synced prototype proving the potential of spatial interaction.
I stepped out of the standard use cases for #FigmaMake with a robust output layer for custom computer vision. Custom MediaPipe script translates gestures into data. Supabase holds the system state in real-time. Figma Make consumes that data to trigger complex, animated changes.
This experiment reframes prototyping for AR/VR—using the design tools we love and new interactions.
Prototype
(you won't be able to try without my script, check video)
And yes, I don't code.
Hey Ana! Are you able to share your Figma make link with us here?
Nexus: The Human OS 🧬
Just entered the #FigmaMakeathon!
Nexus is a bio-responsive OS that solves "Digital Anxiety" by replacing static buttons with organic particles that react to your presence and heartbeat.
Key Highlights:
Bio-Sync: Music player visuals synced with a 72 BPM heartbeat.
Fluid Craft: Smart Animate liquid transitions for a living feel.
Links:
Does this rhythmic pulsing help you feel relaxed? Let me know! 👇
The bio-responsive angle is interesting. Tying UI feedback to heartbeat could genuinely shift how we think about interaction rhythm. Curious how this scales across different contexts.
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?