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
Designing interfaces for people who make decisions.
Great work
Thank you Pankaj🙌
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
Afterlife Atlas
A Secure AI-Native Legacy and Memory Orchestration Interface
Afterlife Atlas is a secure, AI-native interface designed to help people organize, preserve, and manage their digital legacy through encrypted memory capsules, trust guardians, intelligent review workflows, and future-ready knowledge preservation.
For this challenge, I wanted to explore how Google Stitch could accelerate the journey from a complex product idea to a polished interactive interface in a fraction of the time normally required by traditional design workflows.
The Concept
Digital legacy management is fragmented, difficult to navigate, and often inaccessible to non-technical users. Afterlife Atlas reimagines this experience through a secure, human-centered control dashboard that helps users:
Organize important digital assets and memories
Configure encrypted memory capsules
Assign trust guardians and verification workflows
Define release conditions and preservation rules
Review AI-generated insights before sealing a legacy capsule
The product combines accessibility, security, trust, and AI-native workflows into a single experience.
How I Used Google Stitch
I started by creating a detailed DESIGN.md system inside Stitch to define:
Accessibility requirements
Color and contrast standards
Typography hierarchy
Motion behavior
Layout structure
Product personality and visual tone
Using this design system as the foundation, I generated and refined a multi-screen workflow including:
Secure Legacy Vault Dashboard
Memory Capsule Configuration
AI Review and Analysis Workflow
Sealed Legacy Capsule Summary
I iteratively refined the visual design to achieve a premium dark glassmorphic interface with strong accessibility and clear interaction patterns.
Why Stitch Was Important
The most valuable aspect of Stitch was its ability to combine design-system creation, interface generation, visual refinement, and prototype development into a single workflow.
Instead of spending hours building wireframes, design systems, and initial layouts manually, I was able to move directly from product vision to an interactive experience.
Feedback
Stitch works best as an AI-native design partner rather than a simple screen generator.
The DESIGN.md workflow was especially valuable because it allowed me to define accessibility, contrast, visual hierarchy, and interaction principles before generating screens.
Future improvements I'd love to see include:
More granular control over component states
More advanced motion specifications
Enhanced production handoff capabilities
Additional controls for complex multi-screen workflows
Outcome
Afterlife Atlas demonstrates how Google Stitch can help transform a serious product concept into a coherent, interactive interface significantly faster than traditional design processes while maintaining accessibility, structure, and visual quality.
https://www.linkedin.com/posts/jelenastricak_stitchchallenge-share-7468194430634721280-iI4I/?utm_source=social_share_send&utm_medium=member_desktop_web&rcm=ACoAACmlhzEBkf_rFZaNY8RuL4ZabiQvNBMNVBw
https://x.com/jstricak/status/2062428991009497349?s=20
This eye candy is on another level! The aesthetics here are absolutely flawless. 🎨✨
I’m excited to announce that I’ve started a collaboration with @Consensys MetaMask 🦊 as a Motion/Interaction Designer, with @Rive playing a significant role in my workflow.
To celebrate this, I’m sharing a warm-up exercise I did a while ago, where I explored my own take on what the logo intro could look like 🔊 👇
🔥
Every year, I build a design advent calendar to push my creative limits.
Creating an interactive advent calendar has been my personal creative tradition for several years. For my latest iteration, the goal was to evolve this tradition by building an interface that truly feels alive.
I designed and engineered the "Summer Font Advent"—a motion-rich Single Page Application (SPA). Moving away from standard static screens, I built an immersive experience utilizing a continuous looping video background, tactile 3D CSS card reveals, and seamless state transitions without any page reloads.
I wanted to test the limits of modern AI tools to see if they could handle the complex front-end logic of my annual project. The initial workflow started with the visual concept and asset creation in Figma.
When the direct .fig import into Google Stitch couldn't fully parse my custom layout (due to raw files lacking strict design tokens), I had to pivot my strategy. As a designer, real-world workflows require adaptability.
I shifted to a prompt-driven engineering workflow. I used Stitch’s in-place AI edits and conversational prompting to manually orchestrate the experience. By feeding the AI my assets and guiding it step-by-step, I was able to build the HTML-native motion, ensure a fully responsive layout, and map out the complex state logic state-by-state.
The Outcome
Stitch proved to be a powerhouse for prototyping complex state logic and native HTML motion. Orchestrating the interactive states and fluid transitions through conversational prompting felt like magic and completely elevated the project.
To bring the project to the finish line, I used Stitch's export integrations to push the polished, heavy-lifting code into Lovable for the final, pixel-perfect deployment. This project perfectly illustrates my approach to modern design: using AI not to replace the creative process, but to elevate it into a living, tactile interface.
Tools & Tech Stack
Figma (Visual Design & Asset Generation)
Google Stitch (State Logic, Layout & Native HTML Motion)
Lovable (Final Build & Deployment)
Link https://adventbykris.lovable.app
Stitch project https://stitch.withgoogle.com/projects/8912616702499530796
Fantastic work🔥🔥👏👏
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.
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?