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
I used Google Stitch to design Folia, a local-first document builder desktop app that lets anyone create professional CVs, invoices, and portfolio websites without subscriptions or internet access.
Stitch helped me rapidly prototype the full UI flow: the document type picker home screen, multi-step form builder with live preview panel, template picker with visual thumbnails, and the build success screen.
What makes this design special:
Split-panel layout: form on left, live preview on right Clean minimal aesthetic that feels premium not generic
Three distinct template styles per document type
Dark mode throughout
Progress step navigation
The exported HTML/CSS from Stitch became the foundation
I refined for a Tauri v2 desktop app built with Rust + Svelte. Privacy-first.
No cloud. One-time payment.
Your documents stay on your computer forever.
Really like this, the local-first direction + document builder flow feels very practical and well thought out. The split preview layout works nicely.
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.
Thank you Rishi!👏 just went through Voya properly, the insight is sharp. Most travel apps solve booking, yours solves the reason people never book. That framing is strong.
Interesting contrast between our two entries, yours is cloud-connected by necessity, mine went fully...
Everything flows together so naturally here, it’s beautiful.
Thank you Denis! that means a lot coming from someone with your eye for design. I'm building this for freelancers who are tired of subscriptions eating into their margins. If you ever want to try it on a real project I'd love to hear what a pro thinks of it in actual use🙏
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.
Massive talent right here, no question about it.
Had a great time exploring what Google Stitch
For this project, I picked Duolingo as my inspiration and challenged myself to go beyond recreating a landing page. I wanted to see if Stitch could help me break down an existing product, understand its visual language, and turn it into both an interactive experience and a reusable design system.
I started by studying Duolingo's branding, colors, typography, illustrations, and interaction patterns. After gathering references, I prepared assets for animations and planned out the sections I wanted to build before moving everything into Stitch.
From there, Stitch became the center of the workflow.
Using detailed prompts, I generated the initial layouts and refined them through multiple iterations. Being able to quickly regenerate sections, adjust layouts, and experiment with different directions made the process feel much more fluid than a traditional design workflow.
The final result consists of two connected projects:
>An animated Duolingo-inspired landing page with motion-rich sections and interactive elements.
>A complete design system and brand kit containing colors, typography, buttons, components, progress indicators, and reusable UI patterns.
Features I used during the project:
• Prompt-based UI generation
• Rapid design iteration and refinement
• Motion-rich interface design
• Design system creation
• Netlify export and deployment
Feedback on Stitch:
What impressed me most was how quickly Stitch helped me move from an idea to a polished interface. Instead of spending hours building layouts from scratch, I could focus on exploring ideas and improving the experience. The iteration speed made experimentation feel natural, and it was easy to test multiple directions before settling on the final design.
The Netlify export workflow was also surprisingly smooth, making it simple to turn the project into a live experience.
If there's one thing I'd love to see in future updates, it would be more granular control over interactions and animations directly inside the editor. That would make the jump from concept to production-ready experience even faster.
Overall, Stitch felt less like a tool for generating screens and more like a collaborative design workspace that accelerated the entire creative process.
@stitchbygoogle
#GoogleStitch #UIDesign #DesignSystems #WebDesign #BuildWithAI
Super clean, super sharp, super well done.
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?