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
Sonart 🎵🎶🎼 Where Sound Meets Art
What if every drawing had a sound?
Sonart transforms drawings into music in real-time. Five colors, five instruments — Piano, Drums, Strings, Claps, Bass. Vertical position controls pitch. Thickness controls volume. Pentatonic scale ensures everything sounds musical, no matter what you draw.
Draw a circle - it becomes a loop.
Upload a photo - hear what it sounds like.
Put on headphones - sound moves left to right as the playhead sweeps your canvas.
Tempo control,
loop toggle,
snap for perfect lines,
glowing visual feedback,
light/dark mode,
save as PNG,
download as WAV, and animated onboarding.
Built entirely with Figma Make 🎧
#FigmaMakeathon
🔗https://duo-liquid-52915428.figma.site/
🎧 Best experienced with headphones
#FigmaMakeathon
Thank you so much !
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
What if your art had music?
Introducing Synesthetica — an interactive canvas where every brush stroke becomes a note, and every painting becomes a song.
Paint freely.
Hear your movement.
Replay your composition.
Built with Figma Make for the #FigmaMakeathon.
Experience it here:
https://synesthetica.figma.site/
Where color becomes sound. https://synesthetica.figma.site/
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?
Remember when your ringtone said everything about you?
Before streaming, before Spotify playlists, before everyone's phone sounded the same, there was the good ol' Nokia Composer.
💌 Introducing my love letter to the early 2000s, BRB, a web app that lets you compose a custom ringtone using a fully interactive No-key-a phone UI.
Compose your own ringtones or grab nostalgic tunes from the stickers available. Hit play. Download it. Set it as your ringtone. Just like 2003, but on today's devices.
P.S: There's an easter egg in the experience! 🐣
Desktop view recommended for optimal experience
https://crab-hedge-30173439.figma.site/
All I want to hear is this cuz then I know it's you calling.
8g1 8g1 8gC 8eC 8fC 8fc 8g1 8g14g1 8b1 8b1 9c1 8f1
Everyone else:
8f3 16d3 -16 16c3 4#a28#b2 8f3 2#d3 😏
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?