Figma Make 가지고 놀기 3 - Vooster AI 로 제작한 PRD를 활용

📌 소개

안녕하세요! 페너입니다.

이번 7/26 3주차 모각에서 Vooster.AI로 PRD 생성하는 방법을 배웠는데요.

이 PRD를 바탕으로 Figma make로 앱 프로토타입까지 한번 제작해보았습니다.

📌 진행 방법

🛠 사용 도구

• Vooster.AI: 제품 요구사항 문서 자동화

• ChatGPT: PRD용 문답 구성 및 prompt 도우미

• Figma Make: UI 프로토타입 제작

🧪 작업 흐름 요약

1. 기획 주제 선정: 콘텐츠 기획자용 '아이디어 보드'

2. PRD 질문에 답변: ChatGPT를 통해 핵심 문항 작성

3. Vooster.AI 입력: 자동화된 PRD 생성 완료 (화면 및 기술 설계 포함)

4. Figma Make Prompt 작성

• 아이디에이션 자료가 있어서 Vooster.AI 질문에 대한 답변을 GPT에 요구하는 방식으로 진행했습니다.

ALT

한국어 문자 메시지의 스크린 샷

ALT

한국어 문자 메시지의 스크린 샷

ALT

한국어 버전의 스크린 샷

ALT

한국 축구 팀 웹 사이트의 스크린 샷

• Vooster.AI로 PRD를 제작해보았고 여기에 담겨 있는 기능인 사용자 여정 및 TRD 생성 등 이용해보았습니다.

ALT

한국어 텍스트가 포함 된 웹 사이트 스크린 샷

• Vooster.AI에서 얻은 PRD를 바탕으로 Figma make 프롬프트를 제작했습니다.

ALT

한국 모바일 앱의 스크린 샷

• 아이디어와 기획안을 공유하고 사용자간 소통하는 앱 프로토타입을 구현해보았습니다.

https://skid-ritzy-78753268.figma.site/

📌 결과와 배운 점

• 생산성: 짧은 시간 안에 명확하고 잘 정리된 PRD를 만들 수 있었고 난이도가 확 내려갔습니다.

• 협업 기반 문서화: Vooster.AI는 문답형 입력 방식이라 방향성을 잡기에 쉬웠습니다.

• Figma make 연계: 생성된 PRD를 바탕으로 Figma Make prompt를 만들어 시각적 프로토타입으로 확장도 자연스럽게 이루어졌습니다

  여러분 모두 모각 참여하세요!