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
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 😋
Thats a banger presentation, awesome work! 🔥
Study Sprint 🚀 From Academic Panic to One Small Win in 15 Minutes
Live app: https://studysprint.figma.site
Figma Community file: https://www.figma.com/community/file/1645111743828638879
Social X post: https://x.com/KarimB3y/status/2063334357062824207?s=20
I built Study Sprint for the Config Makeathon to help students with one of the hardest parts of studying: starting.
When a student feels overwhelmed, even a simple quiz, essay, or homework task can feel too big to begin. Most productivity tools assume the user already has clarity and motivation. Study Sprint is designed for the moment before that.
The app turns academic stress into one calm, realistic 15-minute sprint.
A student enters what is stressing them out, chooses how overwhelmed they feel, and Study Sprint breaks the task into smaller steps. It creates a focused plan, starts a timer, and guides the student through one step at a time.
The experience includes an overwhelm meter, a panic-to-plan breakdown flow, personalized sprint plans, fallback states for unclear inputs, a built-in timer, optional soft focus music, and a Tiny Win completion card.
The goal is not to help students do everything.
The goal is to help them begin.
I built the prototype with Figma Make and refined it into a mobile-first web app with a focus on clarity, emotional support, edge cases, and small moments of progress.
Study Sprint is not a full productivity system.
It is a starting tool for the moment when a student feels stuck.
One stressful task.
One focused sprint.
One small win.
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?