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.
Can already tell you’ve been honing your craft for a while.
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
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?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Nice work! - I like the combination of MCP to canvas to code
Built an entire fintech UI in one session - 16 screens, zero Figma files.
Connected @flowstep_ai MCP to Claude Code > generated every screen directly on the canvas via prompts. No manual pixel-pushing.
Used design skills (hallmark, impeccable, prompt-master) to refine each...
For this design, I brought the Studio Kalili website to life using Squarespace's Finish Layer by layering in subtle animation across the page to turn a static layout into something that feels considered and dynamic without overwhelming the content.
The most intentional use of Finish Layer is the two-image interaction illustrating the core idea behind the studio's work: closing the gap. One image enters from the left, the other from the right, moving quickly at first and then easing as they meet in the center — fast enough to catch attention, slow enough to let the reader stay with the copy.
From there, hover states on buttons, text, and large images, plus scroll-triggered entrances, guide the eye down the page and give every interactive element a small, deliberate moment of response.
Squarespace's Finish Layer was used to add polished interactions across the website, creating a more dynamic browsing experience. Each interaction supports the overall experience while preserving the calm, editorial character of the Studio Kalili brand.
Hi Lillian!
I just commented on your Studio Kalili post. That work is incredible.
I'm Laxmiprasana and I'm new to Contra. I do web design, Kajabi, graphic design and video editing. I'm trying to get my first few clients here.
I really admire how you present your work and land...
Introducing Decksmith, an AI-powered presentation platform that transforms rough sketches, prompts, documents, and existing slides into professional, on-brand presentation decks in minutes.
By combining AI generation with optional expert review, Decksmith delivers presentations that are visually polished, strategically structured, and tailored to the audience.
I designed and built the landing page using Finish Layer's advanced capabilities to achieve a polished, production-quality experience.
I leveraged the Layers Panel to precisely control element stacking, especially in the hero section, ensuring the correct elements appeared on top while background elements remained behind to create the desired depth and interaction.
I used Mobile Overrides to hide elements that exist on desktop but are not necessary for the mobile experience, allowing for a cleaner and more optimized mobile layout.
I applied Block Animations & Transforms to add interactive elements and visual polish across almost all sections of the landing page.
I used Custom Font Uploads to apply specific font styles for unique elements, such as the scrolling marquee text.
Tools: Squarespace · Figma · ChatGPT · iMovie
Life Demo:
https://decksmith.squarespace.com/
Password:
decksmith
Very solid!