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
Between Us
Between Us is an emotionally immersive shared digital space designed to help people feel emotionally closer in a world where communication often feels fast, noisy, and emotionally disconnected.
Instead of building another traditional messaging or social platform, this project explores how atmosphere, cinematic storytelling, emotional presence, and immersive interaction design can create deeper and more meaningful digital connection between two people.
The experience introduces emotionally adaptive atmosphere systems:
Memory Mode
Presence Mode
Dream Mode
Healing Mode
Celebration Mode
Each mode transforms the emotional feeling of the experience through cinematic visuals, ambient environments, lighting systems, motion, music-inspired atmosphere, and emotionally driven UI design.
Users can share:
memories
emotional diaries
future letters
voice moments
ambient music
emotional presence
shared atmosphere
The goal was to explore how emotionally intelligent digital experiences could feel calmer, softer, and more human-centered.
Workflow
This project was built using an AI-native workflow across Figma’s ecosystem.
Figma Weave
Used for:
emotional worldbuilding
cinematic atmosphere generation
background image creation
visual storytelling assets
emotional mode exploration
Figma Make
Used for:
rapid mobile app prototyping
interface generation
atmosphere-driven UI systems
interaction exploration
visual iteration
Cursor + Figma MCP
After generating the initial experience in Figma Make, I exported the source code into Cursor and connected Figma MCP to continue refining and completing the product.
This workflow allowed design context, generated UI, and development to remain connected throughout the process.
Inside Cursor, I refined:
layouts
interactions
responsiveness
atmosphere transitions
visual polish
final experience details
Live Experience
Figma Community
Why I Built This
This project explores how AI-native creative tools can be used not only for productivity and speed, but also for emotional storytelling, cinematic UX, atmosphere-driven interaction, and more meaningful human-centered digital experiences.
Congrats Mcnove
Thank you
Awesome and crazy.
Thanks
Mcnove did a great job. Congrats!
Thank you
He has super design sense ever saw! SUPER!!!
Thank you
Perfect
Thank you
Really love the atmosphere and visual direction here. The workflow integration is super clean too
Thank you
This is such a creative use of Figma’s AI ecosystem. Really inspiring workflow and presentation 🔥
Really thanks
Thank you
This is absolutely cinematic — the atmosphere modes are a brilliant concept. Presence Mode especially feels so intentional. Amazing work!
Really thanks
The emotional storytelling and visual polish are incredibly well done. Amazing work 👏
Thank you
Great Idea!!!
Thank you
This is stunning! Looks like you're still missing a social post shared to Instagram, X, or LinkedIn with #ConfigMakeathon and @figma.
Check the guidelines and get those in before the deadline!
Thanks for your feedback
so emotional atmosphere~
This has got a very good vibe Mac - lots of signal. Well done. 👊
Thank you!😊
nice atmosphere
Thank you~
Amazing concept and execution!
Thank you!
I really love the focus on emotional connection and meaningful digital experiences 👍
Thank you!
Thank you
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
DataStory turns any CSV into a visual story your audience can actually understand. Upload data, pick your audience — Business, NGO, Student, or Social Media — and instantly get charts, AI insights, and a narrative in the right tone.
🔗 Live App: gloss-pink-92515363.figma.site
Built with Figma Make + Supabase.
Hey Abu! Looks like your video doesn't have audio, the walkthrough needs to cover your idea, the problem you're solving, and the workflow you used. Check out the guidelines and update before the deadline!
🎨 Design Poll: Which direction would you choose?
I've been exploring two distinct creative directions for this apparel landing page and would love to get feedback from fellow designers, founders, and marketers.
🅰️ Option A: — Aesthetic
🅱️ Option B: — Modern
Both concepts are designed to appeal to the same audience, but they create very different first impressions.
Curious to hear your thoughts. Cast your vote! 👇
38 voted
50%
38 voted
50%
76 votes
Closed
Interesting comparison.
My vote goes to Option A 🙌. The typography, contrast, and overall composition create a much stronger emotional impact at first glance. It feels more premium and memorable, which is usually what helps a brand stand out in a crowded market.
That said,...
This is Top!
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?