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
🚀 𝗕𝘂𝗶𝗹𝘁 𝗦𝗶𝗹𝗲𝗻𝘁 𝗕𝗿𝗶𝗱𝗴𝗲 𝗳𝗼𝗿 𝘁𝗵𝗲 #𝗖𝗼𝗻𝗳𝗶𝗴𝗠𝗮𝗸𝗲𝗮𝘁𝗵𝗼𝗻
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.
𝗦𝗶𝗹𝗲𝗻𝘁 𝗕𝗿𝗶𝗱𝗴𝗲 — 𝗖𝗼𝗺𝗺𝘂𝗻𝗶𝗰𝗮𝘁𝗲 𝗕𝗲𝘆𝗼𝗻𝗱 𝗪𝗼𝗿𝗱𝘀.
#𝗖𝗼𝗻𝗳𝗶𝗴𝗠𝗮𝗸𝗲𝗮𝘁𝗵𝗼𝗻 #𝗙𝗶𝗴𝗺𝗮𝗠𝗮𝗸𝗲 #𝗔𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗶𝗹𝗶𝘁𝘆 #𝗠𝗲𝗱𝗶𝗮𝗣𝗶𝗽𝗲 #𝗦𝘂𝗽𝗮𝗯𝗮𝘀𝗲 #𝗕𝘂𝗶𝗹𝗱𝗜𝗻𝗣𝘂𝗯𝗹𝗶𝗰 #𝗗𝗲𝘀𝗶𝗴𝗻𝗙𝗼𝗿𝗚𝗼𝗼𝗱 #𝗜𝗻𝗻𝗼𝘃𝗮𝘁𝗶𝗼𝗻
Thank you 😊
This is cool
Thank you brother ❤️
My favourite!
Thanks!
Love this work
Thanks!
The idea is strong, but the execution makes it even better.
Thanks!
Thanks!
Extraordinary work!
Thanks!
The hand sign teaching things is whole another level! Love this.
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 😋
sounds good but make it massive
Thank you
Love this thing! I am amazed by the web application recognize the gesture after teaching it. Extremely great work!
Love this!
Thank you
You're welcome
This is amazing.
Weldon
Thank You
Figma Community File - https://www.figma.com/community/file/1645523055412503733
figma.com
Create Prompt Implementation | Figma
#Silent Bridge Silent Bridge is an AI-powered communication platform that helps people express themselves through custom hand gestures. Instead of relying solely on spoken language, users can create, teach, save, and recognize personalized gestures in real time, making communication more accessi…
Nice work
cool
cool!
Thanks brother
You're welcome
That's great
Thanks bro
Wow this is nice
Thanks bro 🤍
You are welcome
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
I always give a client at least two options, whatever the task.
Each one packs in as many small tweaks as possible: color, size, count, or position of elements. So the client can either pick a finished version, or mix and match by telling me which element they like from each.
Example on an app icon below.
Which one do you prefer?
14 voted
70%
6 voted
30%
20 votes
Closed
02
🚀 Day 2 — Bringing SmileCare Assistant to life.
Today was all about polishing the experience:
✅ Modern landing page
✅ Cleaner UI
✅ Smarter AI assistant
✅ Cinematic product showcase video
Every iteration brings the project one step closer to the final vision.
🔗 Live Demo:
https://dashing-smile-care-flow.base44.app
Built with ❤️ using Base44. Feedback is always welcome!
#base44giveitaglowchallenge #Base44 #BuildInPublic #UIUX #AI #SaaS #DentalTech
beBIO · Branding
We built beBIO's identity in a founder's sprint, a face sharp enough to walk into investment conversations.
The whole thesis lives in the monogram: engineered geometry where the curves of the B double as a leaf. Clinical and organic in one mark. Everything grows from there, organic forms, sector icons, a palette moving from deep forest green to open sky, and quiet type that lets the mark lead.
See it live at bebio.life
🧠
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.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
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?