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
Made a live editorial for the Google stitch challenge.
Think a couture publication from the future 🚀
With Google stitch I ;
-Copied a live website URL and video URL as references for my editorial.
-Used in place edits using point click interactions and prompts
-Used native motion on html canvas
- The canvas streaming was just what I needed for this project ✨
Feedback: I unfortunately couldn't access export buttons on mobile but you can still export the code. In place edits are a blast. I loved how easy it was to change images or even texts!
The idea of building a living editorial instead of a traditional website is super creative. Sounds like the canvas streaming and in-place edits really helped bring the vision together.
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.
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
Built CreatorFlow — an AI-powered workspace for content creators to plan, produce, and manage campaigns from a single dashboard.
Using Google Stitch, I went from concept to interactive interface in minutes, leveraging AI-powered generation and iterative refinement to build:
✨ AI Idea Generator
📅 Content Planner
🎬 Video Production Workspace
📊 Performance Analytics Dashboard
What impressed me most was how quickly I could explore multiple UI directions, refine layouts in-place, and evolve the product through AI-assisted iterations without leaving the canvas.
This project showcases how AI can accelerate the journey from idea to polished product while keeping creativity at the center of the process.
Built with Google Stitch for the Contra x Google Stitch Challenge.
@stitchbygoogle #GoogleStitch #Contra #UIDesign #ProductDesign #AI #SaaSDesign #WebDesign #AIDesign #DesignWorkflow
Your dedication to quality really shines through! Top-of-the-line work. 🏅🚀
VIXIT HMS Multi-Screen Clinic ERP Designed with Google StitchI used Google Stitch to design and deploy a complete Hospital Management System UI 7 fully navigable screens including a Landing Page, Dashboard, Lab Orders, Patient Records, Prescriptions, Appointments, and Consultations —all live at studios.vixitai.com/stitch , What makes this different from a typical submission:Each screen intentionally uses a distinct sidebar style and layout approach. This was a deliberate design decision to demonstrate range that I am not locked into a single design pattern. One sidebar is fixed with glass morphism, another uses a bordered card style, another uses a minimal flat approach. All were generated by Stitch, each in a separate prompt session.In a real production build (like my actual backend at my own clinic software that ones landing page and screens were also made by stitch only, I would unify everything into a single cohesive design system with one sidebar and consistent component styling throughout. This demo exists to show what Stitch can produce across different design directions the variety here is intentional proof of capability, not inconsistency.Every screen, every component, every layout was generated by Google Stitch. I did not write the UI from scratch Stitch produced the HTML and CSS, I handled deployment to a live VPS running nginx on Ubuntu.The sidebar navigation is fully functional every link routes to the correct page. This is a real deployed web application, not a Figma file or a prototype preview link. all this done under 4hours as Stitch says Design with the speed of AI, So i speed ran things to prove it and submitting just a few hours ago of closing time , this delivers a message to deadlines that it can be countered in a way that haven't been easier ever in human history and that's possible only with stitch ,Thank you for this wonderful opportunity for a solopreneur and a lone dev like me stitch is the way.The honest summary: This is a demo. For a funded client build, I would pick the strongest single design direction from what Stitch generated, refine it, and apply it consistently across the entire product. The budget and brief define the finish Stitch proves I can explore multiple directions fast and ship the best one.
✨ Aetheria — Luxury Editorial Fashion Experience
For this challenge, I wanted to explore how AI-assisted design tools can help create premium digital experiences that feel elegant, immersive, and emotionally engaging.
Aetheria is a luxury fashion and editorial-inspired e-commerce concept built around the idea of fluidity, craftsmanship, and visual storytelling. Rather than creating a traditional online store, I focused on designing an experience that feels closer to browsing a high-end fashion publication.
The experience includes:
• Editorial-style landing page
• Curated collection showcases
• Immersive product storytelling
• Luxury product detail pages
• Soft visual hierarchy and refined interactions
• Multi-page navigation flow
My goal was to create an interface where the products, imagery, and typography work together to communicate the feeling of a premium fashion brand.
⚡ Workflow with Google Stitch
Google Stitch played a central role in the design process.
I started by gathering inspiration and defining the visual direction for the brand. Using prompts inside Stitch, I generated the initial interface structure and explored multiple layout variations. The ability to quickly iterate on sections, refine content blocks, and experiment with different compositions made it easy to move from concept to polished design.
I used Stitch to:
• Generate the initial interface layouts
• Explore design directions and visual hierarchy
• Refine sections through prompt-based iterations
• Create the foundation for both the landing page and product experience
• Rapidly prototype a complete multi-page fashion concept
🚀 From Stitch to Deployment
After finalizing the design in Stitch, I exported the project to Figma for additional refinement and design adjustments. From there, I recreated and enhanced the experience in Framer, adding responsive behavior, page connections, and final polish before deployment.
Tools Used:
• Google Stitch
• Figma
• Framer
🔥Google Stitch Workflow:
https://stitch.withgoogle.com/projects/5130864092960824634
🚀 Live Project:
https://aetheria-shop.framer.website/
This project was an exploration of how AI-assisted workflows can accelerate premium interface design while still allowing room for creative direction, refinement, and craftsmanship.
#stitchchallenge #GoogleStitch #UIDesign #WebDesign #Framer #Figma #FashionDesign #LuxuryBranding #CreativeTechnology
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?