24-Hour Visual Day Planner
Tom Green
Making a simple visual day planner using Figma Make
I recently participated in the Figma x Contra Make-a-thon, a hackathon focused on exploring the potential of Figma Make.
The Challenge
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
My submission
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:
Sleep, Work, Exercise, Family, Fun, Friends, and Free Time.
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).
Tools Used
Figma
Figma Make
Like this project
Posted Sep 24, 2025
An interactive web app that turns time-blocking into a colorful, drag-and-drop experience.
Likes
0
Views
2
Timeline
Sep 21, 2025 - Sep 21, 2025
Clients
Contra
Figma
