Yuvraj Agrawal
Web developer making cool UI/UX and modern Websites.
New to Contra
Yuvraj is building their profile!
š Introducing EmoLingo ā the world's first emotionally intelligent language translator.
Built for the @Figma x Config Makeathon in 8 days.
The problem:
Every translation app gives you the words. None of them give you the feeling.
"I'm fine." said with love sounds nothing like "I'm fine." said with anger. Text loses that completely.
The solution:
EmoLingo detects the emotion behind your words ā from text OR voice ā and translates with that emotional energy preserved. The entire UI transforms to match the detected emotion.
7 emotion states. 7 visual worlds:
š Joy ā electric yellow, bouncy animations, warm rounded cards
š” Anger ā deep red, screen shake, sharp edges, heavy type
š¢ Sadness ā pale blue, slow drip fade, light font weights
š Love ā blush pink, heartbeat pulse, maximum roundness
šØ Fear ā dark purple, glitch effect, everything trembles
š¤© Excitement ā pure black + neon cyan, electric flash
š Sarcasm ā acid green, full italic, slow eye-roll tilt
The workflow:
Designed entirely in Figma ā screens built with Figma Make and background with Weave ā AI agent used to generate emotion states ā voice input captures tone, speed, pitch and energy to detect real emotion
Honest note:
The full API integration is still in progress so real time translation and voice detection is added but won't translate ā but the design system, concept, emotional logic, and all 7 UI states are fully realized and demonstrated with example translations.
Design is the product here.
The idea solves a real problem for travelers, immigrants, long-distance relationships, business ideas (who want to serve in different languages keeping the translation and design alive) and global teams who lose emotional nuance every time they translate.
This is what it looks like when design carries feeling across languages. ^^
@figma @contraHQ
#ConfigMakeathon #FigmaMake #EmoLingo #UIDesign #EmotionalIntelligence #DesignThinking #Figma:
LINK TO THE DEMO : https://emolingo-app.figma.site/
2
2
107