Guadalupe Badallo
Creative UX/UI Designer playing with AI for implementation.
New to Contra
Guadalupe is ready for their next project!
BE PRESENT
Live project: https://b-prsnt.vercel.app/
We've all been there. You're at dinner with friends and somehow, without deciding to, everyone's on their phone. The conversation just... stops.
I wanted to build something that actually changes that — not by lecturing anyone, but by making it a game. What if the person who checks their phone the most has to buy dinner?
The idea:
B.prsnt tracks phone usage during social gatherings, automatically, through the browser. The host sets the stakes, everyone joins with a code, and the app does the rest. Every time someone leaves the window, their time goes up. No manual logging, no honor system. When the session ends, the ranking is revealed and the loser faces whatever the group decided at the start.
No app to install. Runs in any mobile browser. Takes 30 seconds to set up.
How I built it:
It started with research — brainstorming the problem space, defining the project, and refusing to open Figma until the problem was validated. I built and deployed a survey from scratch (React, Supabase, Vercel) and ran it live during the makeathon. Real responses from real people confirmed this wasn't just something I felt personally.
From there: project definition, first sketches, a prototype focused on getting the core timer mechanic right. Then a full design and iterate phase — flow redefinition, game ideas, more sketches. Final hours were iterate, fix, and ship ASAP.
Workflow map: https://www.figma.com/community/file/1649682376283800816
Survey: https://configmakeathonsurvey.vercel.app/
Social Post: https://x.com/memeuxui/status/2067855529989263386?s=20
1
4
107
TONO 🎨
Live color tracker and palette generator
The problem:
Color inspiration doesn't happen at your desk. You see it in a café wall, a piece of fabric, a golden hour out the window — and by the time you're back in Figma, it's gone. There's no way to pull a palette from the real world in real time without leaving your design tool, bouncing between apps, and losing the feeling entirely.
The idea:
Tono connects your camera to your design workflow. Point it at anything — a physical object, a photo, a scene — or upload a picture and it extracts a live color palette in real time. The colors update as the image changes. When you see the palette you want, export it as HEX and drop it straight into Figma. No screenshots. No third-party pickers. No context-switching. No individual color selection.
Workflow: https://www.figma.com/community/file/1649674267189658790
Sketched the basic layout and jumped right into Figma Make for prototyping. Adjusted UI styles and behaviors on Figma and connected via MCP to Claude Code for the final details. Deployed to Vercel for hosting.
Built with Figma suite for the Config Makeathon 2026
Live Project: https://tono-color.vercel.app/
Prototype community file: https://www.figma.com/community/file/1649675999748579507/tono-live-color-picker-and-palette-generator
Instagram Reel: https://www.instagram.com/reel/DZwZoSbB3eC/?igsh=MWhjcnhpZGF0eDVzag==
2
4
120
DAY 1/15 #CONFIGMAKEATHON
Problem Brainstorming (and research with any LLM) + Roadmap definition on @Figma’s Figjam
1
68
Vibecoded Interactive Birthday Invitation
1
66
Coming soon 👀
1
64
Hero Redesign
1
43