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
🖥️ #FIGMAMAKEATHON
Title: MixLayer - DJ Production Mode or SoundSkin UI for Apple Music App
⚠️ Problem: Since iOS26 launched and MacOS introduced “AI Mixing,” I created an interactive live music editing experience within the Apple Music App, inspired by live editing styles like Abelton Live or Tractor Tools.
🖥️ Design: My #FigmaMakeathon 2026 Challenge Prototype:
🔊 Solution: “My MixLayer DJ Production Mode Soundskin UI Tool” is for Apple Music and iTunes Library users on iOS and MacOS, from beginners to seasoned music production pros. It offers live interactive FX Tools for House, Trance, and Hardgroove genres.
🔗 Figma Community File Link: https://www.figma.com/community/file/1610509664678637947/msfitnessny-figma-make-contra-hackathon-2026
Apparently, the video demo clip I made while mixing 2 tracks live may have been too large above.. so here is a screen shot of the third screen in the DJ Surface
(1) Press, ▶️ Play to start the Track on the first screen shown above on the track: "Get Personal." (2) Click, The...
I uploaded my demo video clip here: https://youtu.be/54fkdfYa4Lg
✨ So, I whipped up a Design Portfolio Case Study further explaining my contest entry and project build using Figma.Make for my MixLayer - DJ Production Tool - UI SoundSkin - Prototype Concept which I intended to be (potentially) implemented in a future Apple Music App update.
🖥️...
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
Oooh very excited that Contra and Google Stitch just announced this challenge
One of the most interesting shifts happening in creative workflows right now is the move from static outputs to interactive systems.
Also… $10k prize pool.
Curious to see what people build 👀
brb gotta start working on my submission
Amazing!
This is an AI-powered entertainment platform designed for young kids, focused on creating a safe, engaging, and intuitive experience for early-age users.
Currently exploring two different navbar approaches for the app interface. Which one feels more suitable for a children-focused experience? 🎨🧩
19 voted
63%
11 voted
37%
30 votes
Closed
Nice!
AREA is a fictional creative technology studio exploring how AI-native workflows can shape modern digital identity design.
I used Google Stitch to explore and refine the brand direction through typography studies, interaction concepts, motion systems, colour exploration, and in-place AI edits before rebuilding the final experience in Next.js with Framer Motion and deploying it on Vercel.
The final site focuses on cinematic pacing, editorial restraint, atmospheric motion, and immersive interaction design inspired by modern creative studio websites.
Live Site:
https://area-snowy.vercel.app
Stitch was strongest as a rapid creative direction and identity exploration tool. The in-place editing workflow made it easy to iteratively refine layouts, spacing, typography, and atmosphere while maintaining creative momentum.
The workflow became most powerful when paired with production tooling, using Stitch to establish the creative system first, then translating the final direction into code for deeper interaction and motion refinement.
Looks clean!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?