순서 · 0/3 완료
기초·약 15분·3단계
더 정확하고 원하는 디자인에 가까운 UI를 생성하기 위한 프롬프트 전략을 배웁니다.
1단계 / 3
막연한 설명보다 구체적인 컴포넌트와 상호작용을 명시합니다.
예: '호버 시 드롭다운이 열리는 네비게이션 메뉴, 모바일에서는 햄버거 메뉴로 변환, 다크모드 지원'.
이해를 돕는 예시 그림이에요. 실제 화면과 다를 수 있어요.
누를 위치 컴포넌트 이름 + 동작 + 스타일 + 반응형 조건 모두 포함
팁 색상, 폰트, 반응형 동작을 명시하면 더 세밀한 결과가 나옵니다.