So happy to finally share what I've been building for the Figma Config Makeathon 2026 ✨
Afterword is a digital legacy app where you preserve your stories, memories, voice, and letters - and deliver all of it to the people you love, when the time comes.
When someone passes away, their loved ones don't just deal with grief. They deal with chaos.
Which bank accounts did they have? What subscriptions are still running? Is there a life insurance policy somewhere? Who's the lawyer? Where's the will? What passwords do they need?
Nobody knows. So, the family spends months, sometimes years - tracking everything down. Calling banks. Cancelling subscriptions. Trying to claim insurance without the right documents. All while grieving.
And beyond the practical side, the stories are just gone. The memories, the things they always meant to say, the letters they never wrote, the sound of their voice. All of it fades.
This shouldn't be this hard. So, I built Afterword.
Afterword is a place where you document everything, not just the practical stuff, but the things that actually matter. Your stories. Your voice. Letters you've been meaning to write. Memories you don't want to fade. All of it, kept safe, and delivered to the people you love, when the time comes.
What it does:
🤖 AI Story Interviewer powered by Gemini - asks real thoughtful questions about your life, you answer by typing or speaking hands-free, your answers become chapters
📖 Stories & Memories - written chapters and photo journals, every moment preserved with context
🎙️ Voice Notes - record messages for your loved ones, attach them inside letters or save standalone
✉️ Letters - parchment aesthetic, one letter per recipient, voice note attachment inside
⏳ Time Capsules - seal a message for her 18th birthday, his wedding day, or after you're gone
🔐 The Vault - 8 categories: Financial, Legal, Medical, Digital, Property, Contacts, Wishes, Documents, locked until needed
🎁 Care Packages - choose exactly what each person receives, personalized per recipient
👁️ Recipient Experience - what they see when everything unlocks, six tabs, everything delivered exactly as intended
How it works:
👥 You start by adding the people you love - your daughter, your partner, your best friend. Then you create your content, stories, voice notes, letters, capsules, vault entries, and build a personalized care package for each person, choosing exactly what they receive.
🤝 You set a trusted contact, someone you trust completely. And a check-in interval - weekly, monthly, whatever works for you.
🔒 As long as you keep checking in, everything stays private and locked. The moment you stop - Afterword waits, then gently notifies your trusted contact. They confirm. The vault unlocks. Each person receives exactly what you prepared for them, their stories, their letters, their voice notes, their capsules all at once, exactly as you intended.
📬 The recipient experience has six tabs - Home, Stories, Memories, Capsules, Vault, Voices. Everything organized, everything personal, everything yours.
⏳ You can also set time capsules to unlock independently - on a specific date, on a specific event, or as part of the vault unlock. So, her 18th birthday letter arrives on her 18th birthday, whether you're there or not.
If you've ever lost someone and wished you'd asked them more questions, this one's for you.
🎨 App: https://afterword.figma.site
📱 Try as a native app: https://afterword-mauve.vercel.app
(https://afterword-mauve.vercel.app)Open in Chrome on Android or Safari on iOS → tap Share → Add to Home Screen to install as a native app
What remains, matters.
3
4
124
FIFA World Cup 2026 Live Dashboard is a broadcast-grade, 6-page tournament experience built entirely with Google Stitch and deployed on Netlify. Starting from the official FIFA 2026 brand kit, I used Stitch’s streaming generation to build each page iteratively, in-place AI edits to refine components like match cards and the knockout bracket, and connected Stitch via MCP to Antigravity to automate multi-screen generation programmatically. The result is a real-time-aware dashboard with 104 match fixtures, animated Panini player cards, a CSS bracket visualizer, and live tournament state logic - all designed to feel like a FIFA+ broadcast experience.
I used Stitch as the primary design and generation tool throughout. Workflow: (1) Uploaded the official FIFA 2026 design system as a design.md (http://design.md) file, (2) Used streaming generation to build all 6 screens iteratively on the canvas, (3) Used in-place AI edits to redesign components - most notably the cyberpunk → FIFA broadcast redesign of the home hero, (4) Connected Stitch via StitchMCP to Antigravity to programmatically generate and edit screens via the MCP API - - used edit_screen, get_screen tools to automate multi-screen updates simultaneously, enabling batch edits across all pages without touching Stitch manually, (5) Used edit_screen again to iterate on the design layer directly through MCP - refining match cards, the knockout bracket, and player card layouts programmatically, (6) Used native HTML canvas and CSS animations for the bracket connector lines and motion design throughout.
Stitch’s streaming generation and in-place edits are genuinely game-changing for rapid prototyping. But the real unlock was the MCP integration - using an AI agent to orchestrate Stitch programmatically was the highlight of this entire build. It turns Stitch from a design tool into an automation layer, which is a completely different (and more powerful) workflow. Two things I’d love to see: better design token syncing between screens so global style changes propagate automatically, and a way to export the full project as a React codebase with routing intact rather than individual screen exports.
Live on Netlify: https://fwc-weare26.netlify.app/
Stitch Project: https://stitch.withgoogle.com/projects/7889672183129917406
7
3
458
Cinematic Designer Portfolio
Description:
A cinematic portfolio experience designed and developed to showcase modern product design, motion, and interactive storytelling.
Tech:
Next.js, Framer Motion, GSAP, TailwindCSS
Focus on:
animations
visual polish
modern interactions
premium feel
0
72
Cinematic Portfolio for a Creative Video Editor
Description:
Designed and developed a luxury-style portfolio experience for a video editor with immersive visuals and cinematic transitions.
Focus on:
storytelling
premium presentation
emotional visuals
1
0
99
AI-Powered Web Application
Description:
Built and shipped an AI-powered web platform focused on speed, modern UI, and rapid iteration.
Focus on:
shipping fast
product thinking
frontend polish
AI integration
0
71
knot | Where Moments Became Memories | UX/UI Case study
1
2