“`html

Figma AI로 사용자 연구 및 분석 자동화

Figma AI의 힘을 빌려 기획에서 프로토타입, 앱 개발까지 이루는 과정을 공개합니다. 이를 모두 48시간 안에 완료해 보겠습니다.

최근 회계사와 이야기를 나누던 중, 제 회계 방식이 최적화되어 있지 않다고 말씀하셨습니다. 저는 자금이 어떻게 유입되는지 쉽게 파악할 수 있었으면 좋겠다고 생각했습니다. 그런 다음 특정 계좌나 버킷에 자금을 할당하여 투자, 세금, 개인 자금, 비상 자금에 얼마나 충당하고 있는지 확인할 수 있었습니다. 이런 문제에 다른 사람들도 직면하고 있는지 궁금했습니다. 그래서 우리가 할 일은 다음과 같습니다.

• 먼저 조사를 진행하여 사람들의 문제에 대해 알아보고 기존 솔루션이 무엇인지 파악합니다.
• 그런 다음 약점과 기회를 기반으로 계획과 전략을 수립하여 솔루션을 마련합니다.
• 다음으로 UI를 설계하고 마이크로 앱과 같은 단일 플로우를 생성하여 테스트하고 반복합니다.
• 마지막으로 Fig Jam AI와 Figma AI, 그리고 Buzzy AI를 사용하여 노코드로 앱을 만들어, 화면에 표시하고, 데이터베이스 모델을 생성하고, 기능을 구현합니다.

1. 사용자 연구

Fig Jam 파일을 열어서 사용자 연구를 시작하겠습니다. 먼저 브레인스토밍 버튼을 사용하여 프리랜서 예산 관리에 대한 AI 조사 통찰력을 생성합니다.

2. 계획 및 전략

사용자 연구에 앞서 간단한 계획을 세우겠습니다. Fig Jam에서 섹션을 만들어 연구 계획을 작성합니다. “연구 계획 생성”이라는 스티키를 만들고 여기에 정보를 복사합니다. 그런 다음 jambot 위젯을 사용하여 몇 가지 AI 기능을 활용합니다. ID8을 클릭하면 연구 계획에 대한 분석이 제공됩니다.

3. 인터뷰

10분 후에 인터뷰가 예정되어 있습니다. 질문을 작성해야 합니다. 인터뷰 섹션으로 이동하여 “프리랜서의 예산 요구 사항, 습관, 솔루션에 대한 인터뷰 질문 작성”이라는 스티키를 만듭니다. 인터뷰가 끝났고 몇 가지 놀라운 피드백을 얻었습니다. 이를 통해 정말 간단하게 무슨 일이 일어나고 있는지 시각화하는 것이 중요하다는 사실이 확인되었습니다.

4. 통찰력 정리

인터뷰 노트를 스티키에 입력하고 전사본을 덤프했습니다. Fig Jam bot을 사용하여 요약을 생성합니다. 요약에는 “기금 조직 및 추적”이라는 흐름에 집중할 수 있었습니다.

5. 경쟁 분석

Reddit과 모빈을 살펴보고 비슷한 앱과 기능을 분석합니다.

6. 플로우차트 생성

Fig Jam에서 기능에 대한 결정 트리를 가진 플로우차트를 생성합니다. 시작 화면, 잔액 추가, 버킷 만들기, 버킷에 자금 할당, 잔액 업데이트, 추천 비율 표시, 종료로 구성됩니다.

7. Figma AI를 사용한 디자인

Figma AI의 첫 번째 기능인 “First Draft”를 사용하여 디자인을 생성합니다. 예산 관리 앱의 문제 정의와 유사합니다. 앱 와이어프레임을 생성합니다.

8. 화면 연결 및 프로토타이핑

선택한 모든 화면을 선택하고 “Make Prototype”을 클릭하여 화면을 연결합니다. 이렇게 하면 모든 흐름을 확인할 수 있습니다.

9. Buzzy AI를 사용한 앱 구축

Buzzy 플러그인을 사용하여 디자인을 실제 작동하는 앱으로 구축합니다. “Auto Markup my App” 버튼을 클릭하여 화면을 정의합니다. 스캔 자동 기능을 사용합니다. 그런 다음 마법과 같이 Buzzy가 화면을 데이터베이스와 요구 사항 문서에 연결합니다.

10. 데이터 모델 생성

“Generate my Data Model”을 클릭하여 데이터베이스를 만듭니다. 데이터 테이블에는 사용자, 버킷, 금액이 포함됩니다.

11. 앱 출판

앱을 출판하여 작업 중인 것을 확인합니다. QR 코드를 스캔하면 휴대폰에서 앱을 사용할 수 있습니다.

Figma AI와 Buzzy AI를 사용하면 초보자라도 48시간 이내에 완전한 앱을 구축할 수 있습니다.

“`