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
𝐈𝐭𝐞𝐫𝐚𝐭𝐢𝐨𝐧 𝐢𝐬 𝐜𝐡𝐞𝐚𝐩. 𝐂𝐨𝐝𝐞𝐝 𝐫𝐞𝐰𝐨𝐫𝐤 𝐢𝐬 𝐞𝐱𝐩𝐞𝐧𝐬𝐢𝐯𝐞. 🛠️
Fixing a user flow in Figma takes minutes. Rewriting production code takes weeks and burns your development budget.
I help founders and digital agencies turn abstract concepts into beautiful, developer-ready products:
👉 𝑪𝒐𝒏𝒗𝒆𝒓𝒔𝒊𝒐𝒏-𝑭𝒊𝒓𝒔𝒕 𝑼𝑰: 𝑺𝒕𝒖𝒏𝒏𝒊𝒏𝒈 𝒘𝒆𝒃 𝒊𝒏𝒕𝒆𝒓𝒇𝒂𝒄𝒆𝒔 𝒐𝒑𝒕𝒊𝒎𝒊𝒛𝒆𝒅 𝒕𝒐 𝒕𝒖𝒓𝒏 𝒗𝒊𝒔𝒊𝒕𝒐𝒓𝒔 𝒊𝒏𝒕𝒐 𝒖𝒔𝒆𝒓𝒔.
👉 𝑫𝒆𝒗𝒆𝒍𝒐𝒑𝒆𝒓-𝑹𝒆𝒂𝒅𝒚 𝑯𝒂𝒏𝒅𝒐𝒇𝒇: 𝑪𝒍𝒆𝒂𝒏 𝑭𝒊𝒈𝒎𝒂 𝒇𝒊𝒍𝒆𝒔 𝒘𝒊𝒕𝒉 𝑨𝒖𝒕𝒐-𝑳𝒂𝒚𝒐𝒖𝒕 𝒂𝒏𝒅 𝑼𝑰 𝒔𝒕𝒂𝒕𝒆𝒔 𝒚𝒐𝒖𝒓 𝒅𝒆𝒗𝒔 𝒘𝒊𝒍𝒍 𝒍𝒐𝒗𝒆.
👉 𝑹𝒂𝒑𝒊𝒅 𝑴𝑽𝑷𝒔 & 𝑹𝒆𝒅𝒆𝒔𝒊𝒈𝒏𝒔: 𝑰𝒏𝒕𝒖𝒊𝒕𝒊𝒗𝒆, 𝒖𝒔𝒆𝒓-𝒄𝒆𝒏𝒕𝒆𝒓𝒆𝒅 𝒇𝒍𝒐𝒘𝒔 𝒇𝒐𝒓 𝑺𝒂𝒂𝑺 𝒂𝒏𝒅 𝒍𝒂𝒏𝒅𝒊𝒏𝒈 𝒑𝒂𝒈𝒆𝒔 𝒕𝒉𝒂𝒕 𝒔𝒄𝒂𝒍𝒆.
Stop guessing what your product should look like. Let’s design it right the first time.
📩 Have an idea? Drop a message in my inbox. Let's chat!
#UIUX #ProductDesign #Figma #WebDesign #SaaS #Startup #Founder #TechStartups #AppDevelopment #FigmaDesign #LandingPage #WebDevelopment #UserExperience
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 started as a simple idea became an experiment in accessibility and human-centered design.
𝗧𝗵𝗲 𝗣𝗿𝗼𝗯𝗹𝗲𝗺:
Millions of people communicate through gestures every day, but most technology is built for voices, keyboards, and touchscreens.
I wanted to explore a different question:
"What if technology could learn how people already communicate?"
That's how Silent Bridge was born.
🔗 𝗟𝗶𝘃𝗲 𝗗𝗲𝗺𝗼:
https://brim-time-58435449.figma.site/
𝗠𝘆 𝗪𝗼𝗿𝗸𝗳𝗹𝗼𝘄
1️⃣ 𝗦𝘁𝗮𝗿𝘁𝗲𝗱 𝗶𝗻 𝗙𝗶𝗴𝗺𝗮 𝗠𝗮𝗸𝗲
I designed and generated the entire experience directly in Figma Make, focusing on accessibility, simplicity, and a premium user experience.
2️⃣ 𝗕𝘂𝗶𝗹𝘁 𝗮 𝗖𝗮𝗺𝗲𝗿𝗮-𝗕𝗮𝘀𝗲𝗱 𝗘𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲
Instead of traditional inputs, I wanted users to communicate through gestures using real-time camera tracking.
3️⃣ 𝗜𝗻𝘁𝗲𝗴𝗿𝗮𝘁𝗲𝗱 𝗠𝗲𝗱𝗶𝗮𝗣𝗶𝗽𝗲 𝗛𝗮𝗻𝗱𝘀
MediaPipe tracks hand landmarks and understands gesture positions and movement patterns.
4️⃣ 𝗖𝘂𝘀𝘁𝗼𝗺 𝗦𝗶𝗴𝗻 𝗧𝗲𝗮𝗰𝗵𝗶𝗻𝗴
Users can:
• Record a gesture
• Assign a meaning
• Save it
The system learns and recognizes custom gestures.
5️⃣ 𝗜𝗻𝘁𝗲𝗴𝗿𝗮𝘁𝗲𝗱 𝗦𝘂𝗽𝗮𝗯𝗮𝘀𝗲
Supabase stores:
• Gesture recordings
• Saved phrases
• Recognition history
6️⃣ 𝗖𝗼𝗺𝗺𝘂𝗻𝗶𝘁𝘆 𝗦𝗶𝗴𝗻 𝗟𝗶𝗯𝗿𝗮𝗿𝘆
Users can build and share their own visual language instead of relying only on predefined gestures.
𝗜𝗺𝗽𝗼𝗿𝘁𝗮𝗻𝘁 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗡𝗼𝘁𝗲
Before testing, clear existing custom gestures from the Teach page.
For best results:
• Open Teach Sign
• Remove all test gestures
• Record gesture
• Assign phrase
• Test recognition
𝗕𝘂𝗶𝗹𝘁 𝗪𝗶𝘁𝗵
• Figma Make - [ 𝗘𝘃𝗲𝗻 𝗠𝗲𝗱𝗶𝗮𝗣𝗶𝗽𝗲 𝗮𝗻𝗱 𝗦𝘂𝗽𝗮𝗯𝗮𝘀𝗲 𝗵𝗮𝘃𝗲 𝗯𝗲𝗲𝗻 𝗰𝗼𝗻𝗻𝗲𝗰𝘁𝗲𝗱 𝘂𝘀𝗶𝗻𝗴 𝗙𝗶𝗴𝗺𝗮 𝗠𝗮𝗸𝗲 ]
• MediaPipe Hands
• Supabase
This project is not about AI.
It's about accessibility.
It's about allowing technology to adapt to people instead of forcing people to adapt to technology.
Because every gesture has meaning.
𝗦𝗶𝗹𝗲𝗻𝘁 𝗕𝗿𝗶𝗱𝗴𝗲 — 𝗖𝗼𝗺𝗺𝘂𝗻𝗶𝗰𝗮𝘁𝗲 𝗕𝗲𝘆𝗼𝗻𝗱 𝗪𝗼𝗿𝗱𝘀.
#𝗖𝗼𝗻𝗳𝗶𝗴𝗠𝗮𝗸𝗲𝗮𝘁𝗵𝗼𝗻 #𝗙𝗶𝗴𝗺𝗮𝗠𝗮𝗸𝗲 #𝗔𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗶𝗹𝗶𝘁𝘆 #𝗠𝗲𝗱𝗶𝗮𝗣𝗶𝗽𝗲 #𝗦𝘂𝗽𝗮𝗯𝗮𝘀𝗲 #𝗕𝘂𝗶𝗹𝗱𝗜𝗻𝗣𝘂𝗯𝗹𝗶𝗰 #𝗗𝗲𝘀𝗶𝗴𝗻𝗙𝗼𝗿𝗚𝗼𝗼𝗱 #𝗜𝗻𝗻𝗼𝘃𝗮𝘁𝗶𝗼𝗻
I love this work man! Now I can even create my own language with hand sign 😅, gonna use it when my girl will mad at me 😋
For the #CapCutDesignStudio Challenge, I created 𝗖𝗮𝗽𝗖𝘂𝘁 𝗩𝗶𝘀𝗶𝗼𝗻 — a concept that reimagines CapCut as a wearable technology company 💎
[𝗗𝗶𝗿𝗲𝗰𝘁𝗶𝗼𝗻 𝗔] 𝗖𝗮𝗽𝗖𝘂𝘁 𝗮𝘀 𝗮 𝗗𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝗜𝗻𝗱𝘂𝘀𝘁𝗿𝘆
CapCut Vision transforms CapCut from a video editing platform into an AI-powered smart eyewear ecosystem designed for the next generation of creators. CupCut Vision allows creators to capture moments, transform them through AI, and instantly share them with the world.
I was inspired by CapCut's mission to make creativity accessible to everyone, and I imagined a future where capturing, editing, and sharing content happen as one seamless experience.
[𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄]
For this submission, I developed:
• Brand Concept
• Visual Identity System
• Product Design Language
• Smart Glasses Design
• Packaging Experience
• Creator Ecosystem
• Presentation Deck
[𝗪𝗼𝗿𝗸𝗳𝗹𝗼𝘄]
To demonstrate my workflow, I also included:
• Recording of the entire creation process
• Brand Concept Presentation
• Complete Design Studio chat history
[𝗠𝘆 𝗘𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲] ❤️
One thing I genuinely enjoyed while working on this project was how intuitive CapCut Design Studio felt ❤️
I realized that great results don't necessarily come from writing perfect prompts. Most of my process involved combining references, exploring visual directions, refining ideas, and iterating creatively. Design Studio made it easy to move from inspiration to concept development and final presentation within a single workspace 🔥🔥🔥
[𝗗𝗲𝘀𝗶𝗴𝗻 𝗦𝘁𝘂𝗱𝗶𝗼 𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀 𝗨𝘀𝗲𝗱]
Throughout the project, I used Design Studio for inspiration gathering, visual exploration, product ideation, branding, packaging concepts, and ecosystem development.
Thank you to the CapCut team for creating a platform that encourages experimentation, creativity, and exploration 🫶
[𝗟𝗶𝗻𝗸𝘀]
CupCut Design Studio Chat History: https://www.capcut.com/ai-design?shareId=7647947968217202695
Brand Concept Presentation: https://www.figma.com/proto/reTVCLZxw73WBxxaJOePS0/CAPCUT-VISION?node-id=1-285&viewport=701%2C169%2C0.02&t=Z6lxfa2Fi8czJOxo-1&scaling=contain&content-scaling=fixed&page-id=0%3A1
Video explainer (the same as attached): https://docs.google.com/videos/d/1SSDBHyguM5hNoItyjONVOOouXbL54xgNCdo3w-8jDv8/edit?usp=sharing
If you like this concept and the work behind it, I’d be incredibly grateful for your support. Every like, comment, share, or vote means a lot. Thank you! 🙌
Amazing concept! 💜 I really like how you reimagined CapCut as a wearable tech brand
My favorite part is the AI ecosystem around the glasses. Curious, which part of the project was created first, the eyewear design or the ecosystem idea behind it? 👀
Excited to be joining the #ConfigMakeathon. Over the next 11 days, I'll be exploring Figma's newest tools while building a practical solution designed to solve a real-world problem. Looking forward to sharing the process and what I learn along the way.
Challenges
View all
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.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?