24-Hour Visual Day Planner

I recently participated in the Figma x Contra Make-a-thon, a hackathon focused on exploring the potential of Figma Make.

Participants were tasked with creating original work that:

Leveraged Figma and Figma Make

Demonstrated practical application of Figma's tools

Was built entirely during the hackathon period

I created a simple daily planner. An interactive web app that turns time-blocking into a colorful, drag-and-drop experience.

Plan your entire day by arranging seven activity categories across a 24-hour timeline:

The goal is to give users a clear, visual snapshot of how they spend their time and help them balance work, play, and rest.

Try the prototype here (desktop recommended).

Figma

Figma Make