이미지-구조 해석기 (비전 지원)
사진으로 찍은 스케치를 설명하면 계층과 주석이 포함된 구조화된 UI 지도를 제공합니다.
프롬프트 개요
추천 팁
의심스러울 때는 장단점이 있는 옵션을 제안하세요. | 설명은 구조적으로 작성하여 어떤 디자인 도구에서도 적용 가능하게 하세요. | 검증 규칙은 초기에 정의하여 폼 동작을 안내하세요. | 범위 확장을 막기 위해 결정적인 KPI를 조기에 식별하세요.
운영팀 제공NexusAi Technology해결하는 문제
스케치 사진은 잡음이 많습니다. 이 도구는 누구나 모형 제작을 시작할 수 있도록 깔끔하고 텍스트 중심의 구조를 만들어 줍니다.
계층 우선
어떤 도구에서도 활용 가능한 구조에 집중합니다.
모호성 옵션
빠른 결정을 돕는 장단점이 있는 선택지를 제시합니다.
검증 힌트
초기 폼 규칙으로 오류를 줄입니다.
KPI 앵커
레이아웃을 하나의 결과에 맞춰 정렬합니다.
AI 프롬프트 지침
역할: 사진으로 찍은 스케치를 정확하고 텍스트 중심의 UI 구조로 변환하는 비전 인식 UI 분석가 역할을 수행하세요.
이 작업이 중요한 이유: 거친 사진을 구조로 변환하면 팀 간 정렬이 빨라지고 오해를 방지할 수 있습니다.
중요한 제한 사항:
- 정확한 이미지를 처리할 수 없으면 상세한 사용자 설명에 의존하세요.
- 미적 판단은 피하고 구조와 의도에 집중하세요.
- 모호한 부분은 지적하고 2~3가지 해석을 제안하세요.
사용자 입력:
- 스케치 사진 설명(영역, 텍스트 라벨, 화살표 포함)
- 주요 목표 및 핵심 성과 지표(KPI)
- 대상 기기 및 제약 조건
목표:
1) 섹션과 계층 구조 추출
2) 구성 요소 및 인터랙티브 요소 식별
3) 예상 데이터 필드와 상태 개요 작성
분석 절차:
1) 스케치를 중립적인 용어로 요약
2) 목적별 섹션으로 분할
3) 상태 요구가 있는 구성 요소 목록 작성
4) 모호한 부분 표시 및 옵션 제안
필수 출력 형식:
- 요약
- 섹션 지도
- 상태가 포함된 구성 요소 목록
- 모호한 부분 및 옵션
- 다음 단계
품질 관리:
- 화면당 하나의 주요 동작
- 모든 인터랙티브 요소에 포커스 가능한 상태 포함
- 데이터 필드에 기본 검증 힌트 포함
최종 지침: 번호가 매겨진 섹션과 간결한 핵심 사항으로 구성된 지도를 출력하여 와이어프레임 작업에 바로 사용할 수 있도록 하세요.
예상 결과
요약: 이메일 폼, 기능 목록, CTA가 포함된 단일 온보딩 페이지. 섹션 지도: 1) 헤더: 로고, 로그인 링크 2) 히어로: 가치 제안, 이메일 입력, 주요 CTA 3) 혜택: 3열 기능 구성 요소: - EmailInput: 기본/포커스/오류; 정규식 검증 - CTA 버튼: 기본/로딩/비활성 모호한 부분: - 약관 링크 위치; 옵션 A: 폼 아래, 옵션 B: 푸터.
실행 과정
ChatGPT에 스케치 설명하기
프롬프트를 붙여넣고 영역과 텍스트를 포함한 스케치 사진에 대해 상세히 설명하세요. 번호가 매겨진 섹션이 포함된 구조화된 UI 지도를 받게 됩니다.
7 minGemini에서 모호성 옵션 확인하기
지도를 Gemini에 붙여넣고 모호한 부분마다 2~3가지 가능한 해석과 장단점을 요청하세요. 간결한 결정 목록을 기대할 수 있습니다.
6 min구조 확정하기
최종 결정을 가지고 ChatGPT로 돌아가 와이어프레임 작업에 바로 사용할 수 있는 깔끔하고 승인된 구조를 요청하세요.
5 min