Hey everyone! 🐱✨ I'm so excited to share my submission for the @figma Config Makeathon — Cozy Room, an interactive productivity web app that lives inside a cozy illustrated room.

What it does: Instead of boring dashboards, every object in the room is a tracker. Hover over things and they come alive — you get a task board, fortune cookies that open with a motivational message, a focus timer that dims everything around you, water intake logging, mood tracking, and habit streaks. Everything saves locally in your browser — no account, no backend.

The process: 🎨 All the room assets and the cat character were created with Figma Weave. I generated a video of the character typing, extracted the frames, and turned it into a Lottie animation using the Lottie plugin right inside Figma.

🤖 For the UI components and interactions, I used Claude with Figma MCP — Claude read my Figma file directly, pulled layers, assets, and design tokens, and generated the code without any manual handoff.

⚡ Figma Make brought the whole thing to life — from design to deployed web app, entirely inside the Figma ecosystem.

This whole project was an experiment in how far you can push Figma as a full creative and development environment. Turns out — pretty far. 🐾

🔗 Try it live: https://fade-cake-52311654.figma.site/ 📁 Community file: https://www.figma.com/community/file/1649501578696299522

Social Link: https://x.com/YsfOmari/status/2067777130319036851

#ConfigMakeathon @figma