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
Aura - The World's First Emotion-Adaptive Interface System
Designed with Google Stitch.
As a developer, I've used plenty of AI tools that can generate screens, but I was curious about something different with Stitch:
Could I use it to create an experience-first interface that felt alive rather than just another website?
That question became AURA — an experimental emotion-adaptive interface that transforms its visual environment based on how users want to feel.
Instead of approaching the challenge as a traditional landing page, I wanted to explore a more immersive direction. What if an interface could behave like a living environment? What if changing an emotional state could alter the atmosphere, motion, lighting, color palette, and overall experience?
To test that idea, I designed AURA as a digital experience where users can explore emotional worlds such as Joy, Peace, Wonder, Creativity, Ambition, and Reflection.
How Stitch fit into the workflow
I didn't start with prompts, I started with ideas.
The first step was sketching rough wireframes and visual concepts to establish the structure and flow of the experience. I then created a custom design.md document containing the creative direction, emotional worlds, visual principles, motion goals, typography, color systems, and overall artistic vision for the project.
After importing those references into Stitch, the process became incredibly fluid. The streaming generation experience was one of the most impressive parts of the workflow. Instead of waiting for a final output, I could literally watch the interface take shape directly on the canvas and react to ideas in real time.
Once the foundation was generated, I spent most of my time using in-place AI edits.
I'd select sections, experiment with different visual treatments, adjust atmosphere, refine layouts, introduce new interactions, and push the experience closer to the vision I had in mind without having to restart from scratch.
That iterative loop felt much closer to actual design work than traditional prompting.
Motion was another area where Stitch stood out.
Since the challenge theme was "Build interfaces that feel alive," I focused heavily on creating smooth transitions, hover interactions, atmospheric movement, environmental effects, and immersive visual storytelling.
The result feels less like a conventional website and more like a digital art installation.
New Stitch features I leaned on
📄 Imported custom design.md creative direction document
📄 Imported rough wireframe concepts and visual references
🌊 Streaming generations directly to the canvas
⏩ In-place AI edits using prompts and point-and-click interactions
🎥 Motion-rich interactions, hover states, and immersive transitions
🎨 Rapid visual experimentation and iteration
🚀 Export-ready workflow for deployment
Feedback on Stitch
Most AI workflows involve repeatedly prompting, waiting, evaluating, and starting over. Stitch felt different, The streaming canvas made the process feel much more collaborative and interactive. Watching designs appear in real time created a stronger sense of momentum and made iteration feel natural.
The ability to import references and then refine sections through in-place edits was probably my favorite part of the experience. Rather than constantly rewriting long prompts, I could focus on improving specific parts of the design while preserving everything that was already working.
As someone who enjoys experimenting with interface concepts, that workflow felt significantly closer to how designers and developers naturally think.
One feature I'd love to see expanded further is even more granular visual control directly within the canvas, allowing creators to tweak generated elements while maintaining the speed of the AI workflow.
Overall, Stitch helped shorten the distance between a rough idea and a polished interactive experience.
Live Prototype: https://8d2a7837-aura-living-interface-system.netlify.app/
Link to Stitch: https://stitch.withgoogle.com/projects/6682479894200923414
Nice
Nice Idea, Nice design and Great Video Walkthrough!!!
Pure talent on display right here.
Really like this, the idea of emotion based UI feels more like an experience than a product. The “living environment” direction is very strong.
View my entry for this challenge
https://on.contra.com/pnfJBQ
Curious what you think about it.
on.contra.com
Introducing Voya: Revolutionize Your Travel Planning Experience
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
This is really interesting to see
This video is on fire 🔥
Keep it up man
This is so fun to watch!
Good Job Malik 👍
Nicely done
This is Goated, Now you can have my Upgoat
This is aesthetically pleasing!
Great Talent, Welldone
Amazing work🔥👏👏
Love this!
This is going to make waves
This is pure perfection! Clean, professional, and incredibly inspiring. 🎯💎
This is awesome
You are most welcome
This looks cool...I am gonna try this today!!
Incredible!
Wow, Malik, this is an incredibly inspiring approach to the challenge! Designing an interface as a living, emotion-adaptive environment rather than a static page is brilliant. I love how you utilized Stitch's streaming canvas and in-place edits to treat AI like a true, fluid...
on.contra.com
Swipe-to-Shop App Transforming Farmers Market Experience
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
Thank you so much!
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
Most AI projects today focus on speed, automation, or productivity.
I wanted to explore something different: What if AI could help organize emotional overwhelm instead of just optimizing workflows?
So for this design sprint, I built QuietSpace — an AI-powered emotional organization platform designed to help people untangle stress, burnout, mental overload, and emotional noise through reflective AI.
The idea wasn’t to create another therapy app or productivity dashboard.
I wanted the experience to feel: calm, humane, emotionally intelligent, and genuinely helpful.
The entire interface was built around a BentoGrid system with ambient interactions, soft motion, and emotionally-aware UI patterns. I also pushed Stitch to its limits by experimenting with exported design systems, custom structures, connected flows, and layered interaction logic to shape the final experience.
This project heavily utilized Stitch’s newer prototyping and system-based workflow features to rapidly build and refine the experience.
Some of the screens include: • Thought Dump • AI Categorization • Pattern Recognition • Micro Recovery • Emotional Dashboard Systems
One thing I’ve been trying to focus on lately is building concepts that don’t just look visually polished, but also solve real human problems or create awareness around experiences people quietly deal with every day.
This project became a blend of: AI × emotional UX × systems thinking × interface storytelling.
This project became an exploration of how AI interfaces can feel emotionally supportive instead of emotionally exhausting.
Live Site - https://dbcf658a-quietspace-emotional-intelligence-system.netlify.app/
This is actually amazing!
Some more 3d UI music elements I created for my upcoming project.
Awesome! I like to watch some synth-mixer videos sometimes, as designs can be awesome also (not a producer myself but yeah :) This one looks like mixing "monochromatic look of Swiss designs (like Teenage Engineering's OP1) and some other ones, great!
I created a web experience inspired by PS1 game UI, cyberpunk visuals and old internet aesthetics 👾
“UNKNOWN ARCHIVE” is a retro-futuristic inventory filled with posters, CDs and corrupted digital artifacts.
I used Google Stitch to generate and evolve the interface with prompts and visual references, exploring motion, hover effects and a UI that feels alive.
@stitchbygoogle
#GoogleStitch #Cyberpunk #GameUI #WebDesign
Attention to detail on this design is perfect!
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.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?