A Living Portfolio for Creatives Built a standout portfolio site with Google Stitch to showcases my projects and personal brand using playful animated motion. Use my stitch project template to remix a portfolio of your own and make your online brand memorable.

Live site: https://stitchchallenge.vercel.app/ Stitch project: https://stitch.withgoogle.com/projects/1194556244916955586

How I used Google Stitch: - Started with a Design.md direction to lock brand identity - Prototyped multiple portfolio variations - Used Stitch for core visual design - Used Stitch MCP to export and deploy - Used Stitch project link to share template with other creatives

Why it fits the theme: The interface feels alive through motion-led image presentation and interactive portfolio moments. Instead of treating a portfolio as a static page, the experience turns project browsing into something more expressive, visual, and creator-led.

Feedback on Stitch: Stitch was strongest for fast idea visualization and beautiful frontend direction. It helped move from rough concept to polished interface quickly, and it creates a strong handoff point for final touches in an agentic coding tool via MCP. #GoogleStitch #StitchChallenge #BuiltWithStitch

So sick! I love how you have a Stitch template we can remix. And the sound effects on the live site 🔥 🔥

FOLIO — Build Your Portfolio in Minutes with AI.

As a designer and builder but most importantly a student myself, I saw the issue with portfolios: the students who need portfolios the most find the process the most overwhelming. That frustration became FOLIO, an AI-powered portfolio builder that takes a student from zero to a shareable personal website in under ten minutes.

The concept::

FOLIO runs across a single guided flow: a AI chatbot asks you a few questions, you upload your project images, you pick a vibe from four animated orb characters, the AI synthesizes everything, and your portfolio is live with a QR code ready to share.

The orbs are not decorative. Each one represents a distinct aesthetic personality and selecting one shifts the entire visual environment of your generated portfolio. The background washes to match. The typography shifts. The colour system adapts.

How Stitch fits into the workflow::

I started with a hand-drawn wireframe, six screens sketched, and imported that directly into Stitch as my layout reference. That initial prototyping phase is where Stitch truly stood out. It did not just generate screens off my sketches accurately, it helped me understand what my own ideas actually looked like. I could see instantly what was working, what needed rethinking, and where the vision needed pushing further. That feedback loop in the early ideation stage was invaluable.

From there I used in-place AI edits to refine individual elements without rebuilding screens. I could select the hero orb and prompt it to breathe and morph. I could isolate the chatbot bubbles and shift their palette. I could make the vibe selection screen feel more alive without touching anything that was already working.

Finally, I exported the HTML Code to Claude & tweaked for some final animations. When I was satisfied with the result, I shipped it over to vercel to get it live.

There were many new stitch features I leaned on::

📄 Imported hand-drawn wireframe as layout reference

🌊 Streaming generations directly to the canvas

⏩ In-place AI edits to refine without rebuilding

🚀 Export-ready workflow to push to other platforms (Claude & Vercel!)

Feedback on Stitch::

The in-place edit workflow changed how I worked. Most AI tools force you to start over or accept what was generated. Stitch let me preserve what was working and refine what was not, which is how design should truly behave; actively.

Where I would love to see Stitch go further is animation. The motion capabilities are a strong foundation but more granular control over timing, easing, and spring physics directly on the canvas would make it significantly more powerful for experience-driven projects like this one. More animation primitives natively in Stitch would unlock a whole category of work that currently requires exporting to code.

This was an amazing challenge and I had so much fun exploring new things with Stitch!

Check out the Live Demo & Walkthrough Video below :)

Live Prototype: https://folio-app-bay-six.vercel.app/

Stitch Project: https://stitch.withgoogle.com/projects/14886025724283962362/