FigmaMake와 GPT 5.2로 대시보드 10분만에 만들기

스터디 앱 스팟의 대규모 업데이트 진행 중인 요즘..

서버 개발자의 제안으로 스터디장이 이용할 수 있는 대시보드를 구성해보기로 했다.
살짝 볼륨이 있어 실제로 앱에 내제될진 모르겠지만, 우선 서버 개발자와 같이 공부해보자는 마인드로 만들어보았다.

당장은 필수적으로 고려하고 있는 기능은 아니고 다른 업데이트 건들이 많기 때문에 최대한 대시보드 구성에는 리소스를 적게 가져가야 했다.
그래서 디자인과 프론트 개발은 AI에게 맡기는 걸로!

여러 Vibecoding 서비스를 써보았지만, 근래 출시된 Figmamake를 아직 제대로 안써보았기 때문에
Figmamake로 ui를 만들어보기로 했다.

Figmamake에게 줄 프롬포트는 GPT 5.2와 구상하며 진행했다.

아이데이션부터 AI와 함께

냅다 대시보드 기능 구성부터 지피티와 시작했다.
아이데이션부터 맡긴 셈이다.

개발자와 같이 공부해보자는 차원에서 시작한 대시보드 작업이기 때문에,
기획 초안부터 지피티와 진행해보았다.

기능 구체화!

여러 아이데이션 중 내가 선정한 기능은 "활동 점수"이다.
대시보드의 목적이 스터디장이 각 스터디원의 활동 여부를 확인하고,
관리할 수 있도록 돕는 데에 포인트가 있었으므로 이 기능이 필요하다 생각했다.

현재 스팟에서 "출석 체크", "투두 리스트 작성", "회고록 작성"이 주요 활동으로 이루어져있기 때문에
이를 기반으로 활동 점수를 매길 수 있는 로직을 GPT와 디벨롭해가기 시작했다.

지피티가 준 기능에서 내 의견을 덧붙여가며, 단순 활동 점수 조회가 아니라,
스터디장이 이를 바탕으로 실제 액션까지 이어질 수 있도록 대시보드를 구성해나갔다.

GPT가 놓친 개발 로직과, 내가 생각했을 때의 현재 개발 방식의 문제점까지 의견을 제시하며
생각보다 꽤나 괜찮고 합리적인 기획을 완성해나갔다.

예를 들면, "활동 점수를 하루에 한번씩 매기는 것이 적합한가?"에 대해
나) 스터디 일정은 보통 주에 1번 정도 이루어지는데, 그럼 출석 점수는 나머지 일수동안 거의 0점이 되는 것 아니냐.
이를 해결하려면, 일정이 없는 날에는 출석 점수에 반영을 하지 않도록 하는 방안(#1)과,
오늘 기준 일주일 간의 활동 점수를 매기는 방식(#2)을 함께 가져가야 한다고 생각한다.
최소 일주일 안에서의 활동을 수행하는 것을 기본적으로 제안하면서도, 일정이 없는 날이여도 활동 점수에 큰 영향이 가지 않도록 해야한다라는 두 가지를 모두 가져갈 수 있기 때문이다.

지피티) "와 핵심을 찔렀어!" 그렇다면, ~... (로직 정리...)"
ㅋㅋㅋㅋ