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
What if self-reflection didn’t have to become another note, list, or graph?
What if it could become a body?
For the Google Stitch Challenge, I built Holon: a living self-portrait made from meaning particles.
In Holon, the user writes something true. The reflection is parsed for symbolic meaning: people, ambition, roots, craft, purpose, instinct, memory, and belonging.
Those meaningful fragments begin to glow.
Small particles appear around them. Each signal becomes a dot. And the dots assemble into a relaxed, breathing silhouette. The body then becomes the interface.
Users can explore regions like:
Heart — people, memories, belonging
Mind — goals, questions, ambition
Hands — craft, skills, making
Feet — places, roots, grounding
Core — instincts, tensions, purpose
Each dot can open into a private story. A dot is not just a marker — it is a piece of meaning.
What I built
Holon is an interactive prototype featuring:
A cinematic first-reflection onboarding flow
Phrase highlighting during meaning detection
Shader-driven particle body formation sequences using HTML canvas
A relaxed, gender-neutral breathing body made entirely from dots
Body regions with native hover states and zoom interactions
Dynamic routing where new reflections become new dots
Detailed dot-story surfaces
Built-in privacy controls
A presentation mode for sharing the macro-structure without exposing private details
The core interaction loop is:
write → signals → dots → body → zoom → story → return
How I used Stitch
I used Stitch as the foundation for the product’s visual and interaction system.
To ensure consistency, I started by importing a basic Figma wireframe alongside a design.md file. This gave the product a cohesive visual language from the beginning: dark cinematic space, glass surfaces, soft glow, Geist typography, particle body language, and a privacy-first tone.
Instead of generating the entire app in one pass, I worked screen-by-screen using in-place AI edits and streaming generations.
This allowed me to review each state, refine the prompt, and keep the layout connected to the previous screen. I used Stitch to explore and iterate on the essential states: empty canvas, meaning detection, body formation, region zoom, dot detail, and presentation mode.
For the most complex moments, Stitch helped me generate variations—especially for the meaning detection UI and the Heart zoom layout.
Once the essential screens were finalized, I exported the Stitch project, connected my codebase, and moved into Antigravity to harden the product logic: state transitions, symbolic routing, local persistence, and final Vercel deployment.
Stitch gave me the flawless visual foundation; the logic pass made the dots move, remember, and respond.
Feedback on Stitch
The strongest part of Stitch for me was how quickly it helped move from a complex, abstract product idea into a concrete visual system I could actually iterate on.
The screen-by-screen workflow, utilizing in-place edits, was especially useful. It allowed me to treat the product as a sequence of connected states instead of isolated screens, giving me the control I expect as a designer.
The seamless export process was also vital, as it provided a clean bridge from visual exploration into actual product hardening.
Holon is not a dashboard.
It is not a chatbot.
It is not a graph of notes.
It is an embodied meaning interface. A living body of meaning made from what the user carries.
Live link: https://tryholon.vercel.app/
Love the concept of the body becoming the interface. The focus on meaning, memory, and personal stories makes this feel more like an experience than a typical productivity or wellness app.
View my challenge entry:
https://on.contra.com/pnfJBQ
Would appreciate your feedback if you get a chance.
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.
@Contra HQ @Stitch by Google @Rustin Banks @Joshua Rowe @Dion Almaer
My direct video file upload stalled out in the final minute before the deadline. To ensure my submission was on time, I prioritized getting the live prototype URL and the written architecture for Holon submitted successfully.
You can watch the full 3-minute cinematic video...
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
Today I created a landing page for a productivity tool called Awake ai with just Google stitch and some inspiration from pinterest and behance.
It was a great experience seeing this come together.
Nice work. Stitch + inspiration boards seems to be a pretty good combo for exploring ideas quickly. Curious how much you changed from the initial Stitch output.
I experimented with a different direction here:
https://on.contra.com/pnfJBQ
Would love your feedback if you get a chance.
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.
Project Title
Stitch Playground
Created by:
Diana D. (UX/UI Designer)
Intro
I created "Stitch Playground" an interactive learning experience that helps Stitch users turn your rough interface ideas into clearer more useful prompts.
This project is designed for people who have an idea for an interface but are not sure how to get started in Stitch. Instead of simply telling users to “Write me better prompts,” Stitch Playground shows them how a vague request can become a stronger design brief by adding the right context: What the interface is, who it is for, how it should feel, what sections it needs, and what visual styles Stitch should follow.
The goal of my project was to make prompt writing feel easier, more approachable, and fun for Stitch users.
What I Built:
I built Stitch Playground in Stitch as a clean interactive experience that helps Stitch users get started easily.
What it includes:
A bold clean interactive landing page introducing Stitch Playground
Motion design in the hero and footer (new Stitch features)
A prompt-learning interactive component based on clearer design direction (Inspired by Vincent's Stitch prompting blog post)
A before-and-after comparison showing how vague prompts become stronger Stitch prompts
An interactive prompt builder for turning rough ideas into more complete prompt structures
A prompt deconstructor concept for understanding what makes a prompt more useful
A starter library of reusable prompt examples for dashboards, blogs, entertainment experiences, and portfolios
How I Used Stitch:
I used Stitch as a creative partner to explore, shape, and refine the experience and ideas from a rough concept into a polished finalized experience.
The starting idea was simple: create a guide that helps people prompt Stitch better. From there, I used the Stitch workflow to think through the page structure, content sections, visual style, and interactive learning moments. The project became both a prototype and a teaching tool: it demonstrates how stronger prompting can lead to clearer interface direction.
I focused on the same process the experience teaches: starting with a broad idea, then refining the design by adding clearer context, visual direction, specific sections, and more intentional interface details.
How This Connects to the Stitch Workflow:
Stitch Playground is built around the idea that better prompts create better starting points.
The experience encourages users to move beyond one-line requests like “make a landing page” and instead describe the product goal, audience, style, layout, content modules, and interaction patterns. This makes the design process feel less random and more collaborative.
I also wanted the project to reflect how Stitch can fit naturally into a real creative workflow: ideating, refining, comparing versions, and turning prompt structure into interface structure.
Stitch Features / Workflow Highlighted:
This project highlights Stitch as an (amazing) interface builder that helps users move from idea to interactive product faster. It also emphasizes prompt-based iteration, structured design direction, and using Stitch as a collaborative design partner.
I used new features presented on Stitch's X last week, such as motion and experimented with the Netify connection, Figma export and Google Studio import. I also added a restriction of 4 prompts per day to ensure my webpage does not get abused.
Feedback on Stitch:
Stitch is incredibly POWERFUL, not just for developers but for designers too. You can easily get started with a simple prompt in Stitch to create something truly amazing.
Why I Built It:
I wanted to make something helpful for the Stitch community. Thank you team. I am so happy to have found this product.
Start Playing in your Stitch Playground >
- Diana
Genius!
Live Like a Local is an AI-powered cultural exploration platform that helps people experience countries through the lives of real locals.
As someone who loves traveling but is often limited by time, budget, and responsibilities, I wanted to create a way for people to explore cultures, daily routines, food, traditions, and authentic local products from anywhere in the world.
Using Google Stitch, I rapidly transformed an idea into an immersive product experience. I used AI-generated interfaces, iterative design exploration, in-place refinements, and storytelling-focused workflows to build persona journeys, cultural experiences, and interactive discovery flows.
The project demonstrates how AI can help designers create emotionally engaging experiences that feel alive, personal, and human-centered.
How I Used Google Stitch
• Generated initial product concepts from prompts
• Iterated on multiple homepage variations
• Created persona-based experience flows
• Refined layouts through AI-assisted edits
• Explored different storytelling approaches and navigation patterns
• Built interconnected screens quickly without starting from blank canvases
• Used Stitch to rapidly prototype and validate a complete product experience
Here is the link:https://stitch.withgoogle.com/projects/3696941335739791377
Right away I could tell this was something special.
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?