Figmapedia
목록으로 돌아가기
UX/UI 디자인

Placeholder/Default 상태 정의

피그마 오픈카톡방2026. 3. 7.

질문사항

'Placeholder'는 '아이디를 입력해주세요'와 같은 힌트 텍스트를 의미하는 것이 맞나요? 'Default' 상태는 Placeholder가 있는 상태일 수도 있고, 활성화된 상태일 수도 있다는 의미인가요?

답변

네, 맞습니다.
  • Placeholder: '아이디를 입력해주세요'와 같이 사용자가 입력하기 전에 필드에 표시되는 안내 텍스트입니다. 이는 입력 필드의 목적을 설명하거나 예시를 제공합니다.
  • Default State: 사용자가 어떤 인터랙션도 취하지 않은, 컴포넌트의 초기 상태를 의미합니다. 이 `Default` 상태는 여러 형태를 가질 수 있습니다:
  • Placeholder가 표시된 상태: 가장 일반적인 `Default` 상태로, 필드가 비어 있고 Placeholder 텍스트가 보입니다.
  • 활성화(Enabled)된 상태: 필드가 바로 입력 가능한 상태로, 커서가 깜빡이거나 키보드가 활성화될 수 있습니다 (예: 토스 앱의 초기 화면). 이 경우에도 Placeholder 텍스트가 함께 표시될 수 있습니다.
  • 미리 채워진(Pre-filled) 상태: 이전에 입력했던 정보나 추천 정보가 미리 채워져 있는 상태도 `Default` 상태의 한 종류로 볼 수 있습니다.
  • 핵심은 `Default`가 "초기 상태"를 의미하며, 그 초기 상태 안에서 Placeholder는 "안내 텍스트"로서 존재할 수 있다는 것입니다.