1. 오늘 학습 키워드
- Figma AI
- 프롬프트 엔지니어링
- UI 자동 생성
- UX 설계 보조
- 생산성 향상
2. 오늘 학습 내용을 나만의 언어로 정리하기
오늘은 Figma AI 프롬프트를 활용해서
와이어프레임과 UI를 빠르게 만드는 방법을 학습했다.
기존에는
- 직접 화면을 그리고
- 하나씩 구성 요소를 배치했다면
이제는
👉 프롬프트를 통해 화면 구조를 자동 생성할 수 있다.
예를 들어
“중고 카드 가격 비교 서비스 메인 화면 만들어줘”
라고 입력하면
- 검색창
- 카드 리스트
- 가격 정보
- 필터 UI
같은 기본 구조가 자동으로 생성된다.
즉,
Figma AI는 디자인 도구가 아니라
아이디어를 빠르게 시각화하는 도구다.
3. 좋은 프롬프트 작성 방법
① 구체적으로 작성하기
❌ “앱 화면 만들어줘”
⭕ “중고 카드 가격 비교 앱 메인 화면, 검색 기능과 가격 리스트 포함”
👉 WHY
구체적일수록
👉 더 정확한 결과가 나온다.
② 사용자 행동 중심으로 작성
❌ “예쁜 UI 만들어줘”
⭕ “사용자가 카드를 검색하고 가격을 비교할 수 있는 화면”
👉 WHY
AI는
👉 행동 흐름 기반 프롬프트에서 더 좋은 결과를 만든다.
③ 기능 중심으로 작성
예
- 검색 기능
- 필터 기능
- 가격 비교
- 상세 페이지
👉 WHY
기능을 명확히 해야
👉 실제 서비스 구조에 가까워진다.
4. Figma AI 활용 흐름
① 문제 정의
예
- 카드 가격 비교가 어렵다
② User Flow 설정
- 검색 → 비교 → 구매
③ 프롬프트 작성
“카드 가격 비교 서비스, 검색과 필터 기능이 포함된 메인 화면”
④ 결과 수정 및 개선
👉 AI 결과를 그대로 쓰는 것이 아니라
👉 수정하면서 완성도를 높인다.
5. 학습하며 겪었던 문제점 & 에러
문제 정의
처음에는
👉 너무 짧고 추상적인 프롬프트를 사용했다.
그래서 결과가
- 애매하고
- 실제 서비스와 맞지 않았다.
내가 한 시도
프롬프트에
- 기능
- 사용자 행동
- 목적
을 포함했다.
해결 방법
👉 “사용자가 무엇을 하게 만들고 싶은가?”
이 질문을 기준으로 프롬프트 작성
새롭게 알게 된 점
Figma AI의 핵심은
👉 AI가 아니라
👉 프롬프트를 설계하는 사람의 사고력이다.
즉,
- 좋은 결과 = 좋은 프롬프트
6. 내일 학습할 것
- 다양한 UI 프롬프트 실습
- 와이어프레임 → UI 발전
- 프로토타입 제작
- 사용자 테스트
📎 오늘의 한 줄 인사이트
Figma AI는 디자인을 대신해주는 도구가 아니라
아이디어를 빠르게 구현하게 도와주는 도구다.