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
When disasters strike, every second matters.
For the #ConfigMakeathon, I’m designing a Disaster Response Platform that uses AI and real-time systems to help communities act faster and smarter during floods, earthquakes, heatwaves, and storms.
From prediction → alert → response → recovery, the goal is to reduce chaos and save time when it matters most.
Still in progress, but excited to shape this into a full UX case study.
#UXDesign #FigmaMake #AI #ProductDesign #EmergencyResponse
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
Get ready for the Config Makeathon! There is $100,000 worth of prizes on the line.
Reminder: The pre-registration period for access to the Figma agent beta ends today at 5pm PST.
‼️ Please make sure you've submitted the email address associated with your Figma account for beta access, and that you have a Figma Pro plan set up, since Starter plans cannot be added to the beta. No additions or changes to the beta access list will be possible after today's cutoff. ‼️
We can't wait to see what you'll build when the Config Makeathon begins tomorrow!
I’m happy to take part in this challenge and share my project created with Google Stitch ❤️🔥
For this challenge, I designed a marketing landing page for a sleep improvement app that helps users build better sleep habits 😴
[𝗪𝗼𝗿𝗸𝗳𝗹𝗼𝘄]I used Google Stitch throughout the whole design process:
- Imported my design system from Figma
- Added visual references
- Generated the first version of the interface with prompts
- Improved the content and layouts using AI edits
- Added animations and interactions to complete the experience
[𝗞𝗲𝘆 𝗦𝘁𝗶𝘁𝗰𝗵 𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀 𝗨𝘀𝗲𝗱] In this project, I explored several Stitch features:
- Design imports
- AI editing
- Prompt-based UI generation
- Animations and motion
𝗘𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲 🤩
I really enjoyed working with Stitch. The workflow felt intuitive and easy to understand, making it simple to move from ideas to polished screens. Creating and updating layouts was fast, and the AI-powered editing significantly accelerated the design process. I also appreciated how seamlessly Stitch worked with my existing design assets, allowing me to combine my design system with AI-generated concepts and iterate efficiently
Workflow Video (the same video as the one attached) : https://drive.google.com/file/d/1y1NIdNjLn1JM2S_s2wYpn0jR1nB-nyoj/view?usp=sharing
😇 𝗦𝘂𝗽𝗽𝗼𝗿𝘁 𝗠𝘆 𝗦𝘂𝗯𝗺𝗶𝘀𝘀𝗶𝗼𝗻 😇
If you enjoyed this project and found the workflow demonstration valuable, I would greatly appreciate your support. Thank you for taking the time to review my submission ❤️
This is a great example of how AI can actually speed up the design process without replacing the designer’s vision.
Really like how you combined your own design system with Stitch’s AI capabilities instead of relying purely on generated outputs. The workflow feels practical, the...
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
This is awesome
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?