Figma Make 가지고 놀기 2

📌 소개

안녕하세요. Fenor 입니다!

지난 1주차에는 Figma make에 대해 간단하게 알아보고

제공 받은 GPTs로 랜딩페이지를 만들어보는 실습을 했습니다.

그동안 어떤 목표를 갖고 어떤 MVP를 만들지 고민해보았는데요.

따라서 이번 2주차에는 UX/UI Builder GPTs를 활용해

MVP 수준의 PWA 앱을 디자인하고 프로토타입을 제작해보았습니다.

예전에 아이디에션으로 만들고 싶은 서비스를 고민해본 적이 있습니다.

그때 했던 고민의 결과물이 '금융 지식이 부족한 20~40대 직장인에게 쉬운 자산관리와 맞춤형 금융 정보를 제공하는 웹/앱 서비스'였습니다.

Figma make로 한번 제작해보았습니다.

스터디에서 제공해주신 UX/UI Builder를 키고 "MVP를 만들고 싶어"로 시작했습니다.

예전에 고민해봤고 학습했던 자료가 있었기에

GPTs에서 물어보는 '핵심요구사항'에 대해 답변할 때

GPT로 구체적으로 가공한 답변을 바탕으로 GPT에게 프롬프트 결과물을 요구했습니다.

- Flows: Onboarding → bank/card linking → dashboard → category review → plan setup → simulation → investment recommendations → reports → settings.

플로우 단계를 다음과 같이 설정했기 때문에 기본적으로 제공되는 페이지와 세부 단계를 구체적으로 설정할 수 있다는 점이 인상 깊었습니다.

하나의 프롬프트로 요구를 했는데 생각 이상으로 퀄리티가 좋다는 점이 마음에 들었습니다.

Supabase 연결 알아서 해줘서 백엔드 걱정 안 해도 된다는 게 좋았습니다.

디자인을 고도화하고 각 페이지를 수정하는 방식으로 진행하려고 합니다.