AI 분석
피그마 다크 UI에서 보라색 버튼 컴포넌트의 속성과 변형 생성 플러그인 실행 과정을 보여주는 화면 녹화다.
피그마 편집기의 좌측 레이어 패널, 중앙 캔버스, 우측 속성 패널로 이루어진 3단 구성이며 캔버스 중앙에 버튼 컴포넌트 하나만 놓여 있다. 어두운 회색 인터페이스 위에서 둥근 모서리의 보라색 버튼과 흰 라벨이 강하게 대비되고, 텍스트 스타일과 색은 토큰 이름으로 연결되어 있다. 버튼은 아이콘 자리, 라벨, 아이콘 자리로 구성된 오토 레이아웃 프레임이며 Hug 크기, 패딩, 간격, 모서리 반경 값과 상태·유형·앞뒤 아이콘 토글 같은 컴포넌트 속성이 노출된다. 라벨 텍스트를 바꾸면 버튼 폭이 내용에 맞춰 늘어나고, 이후 플러그인 메뉴에서 변형 조합을 자동 생성하는 기능을 실행한다. 버튼 컴포넌트의 속성 구조와 오토 레이아웃 설정을 설계할 때 참고하기 좋다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-21 16:31 · 신뢰도 0.75
