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
AfterĀ 101 Figma Make versionsĀ andĀ five major design improvements, Iām excited to shareĀ OctaveĀ a modern music keyboard where you canĀ play, record, and produce music. š
The project began as a keyboard design in Figma, followed by multiple Figma Make iterations to refine theĀ design, layout, and functionality.
Current features include:
8 toggleable sound effects
Interactive music keyboard keys
Record and playback functionality
Volume and octave controls
Not implemented:
Tempo control
Function button
Jump in, play around, and have Fun š
https://octavemusickeyboard.figma.site/
Interesting š
ā¢ 1d
Thank you Asif š
Thank you Alexš
Nice
Thank you Khunsa āŗļø
It was very fun and interesting to use this piano
Thank you Arman āŗļø
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...
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.
Here comes my submission. šš
A Portfolio That Feels Like Figma
Yes, this is a portfolio. But not a traditional one.
It works like a Figma canvas: draggable, grid-based, and fully explorable. No rigid sections. No boring scroll. Just a native space for designers.
Designers live inside Figma. So this portfolio feels like home.
Built with Figma Make. Refined manually for precision and flow.
Explore it:
https://www.saadsuleman.site/
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?