In this era of AI, I’ve been trying out different things, and I wanted to test Figma Make. What I wanted to create was a timezone converter that shows the time difference between cities.

Here’s the link below, so try running it first ⬇️

Timezone Converter

Since this story is going to be quite loooooong, if you don’t have time or feel lazy, you can just read the yellow-highlighted parts, or check out the TL;DR at the bottom. If you click the small version info in the footer of the website, there’s also a Release Note. If you only want to see how it actually supports, you can read that as well.

• Table of Content

Problem Diagnosed: Why a Timezone Converter?

• Of course, the current time in each city can be easily checked with your phone’s default world clock. But for people living abroad, especially those who need to work across timezones, what they really need is not just “the current time” there. What they actually need is: “When should I schedule a video meeting with HQ?” or “At what time should I call my boyfriend studying abroad so he can actually pick up?” But the problem lies here; Calculating time is often harder than expected.

• And in Europe and the U.S., daylight savings shows up and makes everything more confusing.

• In my case, around the same time I moved to France, one of my friends emigrated to Canada. So to find a time when friends from Korea, France, and Canada could all video call together, I even created this infographic ⬇️

  

  “Cyber Friendship Reunion Zone” Result: Korea 23~1h / France 15~17h / Canada 10~12h

• But I couldn’t keep doing that every time, and even then I still had to calculate manually later.

• After I returned to Korea, my French friends often asked, “Around what time can we make a call?” and again, I had to calculate and explain according to their local time.

From this personal experience, I thought of making a timezone converter. Of course, I’m not the only one with this problem, and timezone converters already exist online. But since I wanted to try vibe-coding anyway, I thought I might as well practice with this 😉

Idea