Buddi / A Fun Companion Game for Kids with ADHD

Project live demo link: prototype

Link of Figma project: design file

Figma X Contra challenge

Buddi gives kids a friend, not just a game. They pick their buddy, Lea or Leo and travel together across a world of islands, where every stop is a fun minigame secretly training a real skill: focus, memory, impulse control, patience.

And when a kid misses? No "wrong," no "game over." Their buddy misses with them, cheers them up, and says let's try again. Retrying gets celebrated, not punished.

Kids get a world map to explore, badges to collect, and a shop to dress up their buddy with stars they earn. Parents get their own gated dashboard to track behavior, moods, progress, and skill growth, all in plain language.

I built Buddi because I wanted both sides covered: kids get a fun educational game they actually love, and parents finally get a way to see how their child is really doing.

How I built it: research and structure with Claude → every screen designed in Figma → Lea, Leo, and the shop items illustrated in Figma Weave → living prototype in Figma Make, with Claude writing the Make prompts and the buddies' in-game dialogue. Design first, always.

A friend first. Everything good is hidden inside the friendship.

i hope you guys enjoy! and ill be glad to hear feedbacks from all of you!

This is so wholesome I love it !

Did you know a tornado formed the year you were born? Not a real one. A data one. Type your birth year. Watch the storm react - the speed, the color, the rage of it - all driven by the exact CO₂ levels recorded that year. 🌪️Live Site - https://thedatatornado.figma.site

🎨Figma Make - https://www.figma.com/make/onDJsdMQ3PQV2B8xkSzHKn/TheDataTornado

📋FigJam Board - https://www.figma.com/board/2P5FGzsc6faOl2a2JK2GDo/TheDataTornado

💻GitHub Repo - https://github.com/isumenuka/Thedatatornado

🔬 The Problem Climate change is the most documented crisis in human history. Scientists have been collecting data for over 65 years. But most people feel nothing when they see the numbers - because a wall of data doesn't make you care. That is a design problem. The Data Tornado is my answer. ⚙️ How It Was Built I started in FigJam - mapping the full app structure, severity color system (Stable → Elevated → Critical → Extreme), and the 65-year climate timeline before touching any build tool. In Figma Make, I loaded my complete design guidelines first - colors, fonts, spacing rules - so every generated output matched my vision from the first prompt. That one step eliminated hours of corrections. The MCP connector was the most critical technical piece: a custom live pipeline to NOAA's servers, pulling real CO₂ and temperature readings automatically every time someone opens the app. No downloading. No pasting. Always live. The hero background video was generated entirely in Figma Weave - I set a start frame and end frame, and Weave generated the full atmospheric storm footage between them. The Figma Agent handled precision edits throughout -clicking directly on individual elements, repositioning buttons, aligning sections, without touching anything else. Supabase powers the share cards, news gallery, and live data caching. GitHub handles deployment. 🛠️ Tools Used

→ FigJam: full app structure, severity system & data flow diagrams

→ Figma Make: prompt-to-code app with custom NOAA MCP connector

→ Figma MCP: live pipeline direct to NOAA's climate API

→ Figma Weave: AI video generation for the hero storm background

→ Figma Agent: precision element-level UI edits throughout the build

→ Supabase: backend for share cards, news & data caching

→ GitHub: deployment and version control ✨ Key Feature - Birth Year Telemetry Enter your birth year. The app instantly generates your personal climate log -the exact CO₂ concentration the year you arrived in the world, your temperature anomaly then vs. now, your severity level at birth vs. today. It stops being a global statistic. It becomes yours. Most people go quiet when they see their own number.

What happened on the day you were born? Share your link in the comments! THIS IS MINE - https://thedatatornado.figma.site/?share=d9844bb7-12d7-4c5a-94e8-ebd84ade9f8b