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/
It was very fun and interesting to use this piano
Thank you Arman ☺️
Thank you Alex😊
Thank you Khunsa ☺️
Interesting 🙌
Thank you Asif 😊
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
Built this landing page using Figma + Claude Fable 5.
https://novaabank.netlify.app
Wow , i mean now words still cannot belive ai did this
Meridial — Wealth Management Platform
For Meridial, I designed a system where the one thing that matters — portfolio drift — always surfaces first, no matter how many clients an advisor is tracking.
Signal over noise, even at 200+ portfolios. ⚪
The challenge:
Advisors managing dozens of portfolios need to instantly spot what's drifted from target — without digging through spreadsheets or noisy dashboards that bury the signal in data.
A dark, grain-textured UI gives Meridial a private-banking feel instead of typical fintech blue. The landing page proves the product directly in the hero with live allocation and drift cards, while the dashboard extends the same card system into radar charts, composition breakdowns, and a weekly digest — built so advisors can scan hundreds of portfolios at a glance.
A case in making complex portfolio data resolve into one clear signal.
The dark grain-textured UI gives this a truly exclusive private-banking feel. Did you animate the allocation drift cards and radar charts using Jitter or native Figma prototypes?
I built the product my team and I actually needed: Contestify 🏆
I'm active in a community of contest hunters — we're always chasing the next hackathon, design contest, meme battle, or AI video challenge. But every contest lives somewhere different: Devpost, Contra, Superteam, Lablab ai, social media. Keeping track across all of them, as a team, was chaos.
So I built Contestify with @Flowstep — one dashboard where my team and I can discover every contest in one place, save the ones worth chasing, track our submissions, build a portfolio of wins and prize money earned, and coordinate entries together through a shared Team Hub.
From an idea born out of my own community's frustration,entirely prompted into existence. This is what "build the product you wish existed" looks like when it's something you genuinely need.
Flowstep prototype:
informative😊