AI 분석
텍스트 입력 컴포넌트의 4가지 상태 변형과 아이콘 인스턴스 스왑 속성을 설정하는 피그마 디자인 시스템 작업 화면이다.
다크 테마 피그마 편집기 중앙에 텍스트 입력 컴포넌트 세트와 회원가입 모바일 화면이 나란히 놓이고, 좌측 레이어 패널과 우측 속성 패널이 이를 감싼다. 입력 필드는 기본·포커스·포커스 값·활성의 4가지 변형으로 구성되며, 플로팅 라벨과 앞뒤 아이콘 슬롯을 갖춘 흰 바탕에 파란 포커스 테두리를 쓴다. 영상은 컴포넌트 속성 생성 모달에서 불리언 표시 속성과 인스턴스 스왑 속성을 만들고, 이름 충돌을 화살표 기호로 구분한 뒤 아이콘 라이브러리에서 사용자 아이콘으로 교체하는 흐름을 보여준다. 폼 컴포넌트의 상태 변형과 아이콘 슬롯 속성을 설계하는 디자인 시스템 구조 참고로 유용하다.
minimal · dark-mode · light-mode
claude-opus-5-5 · 2026-10-21 16:32 · 신뢰도 0.80
