컴포넌트 & 인스턴스
아이콘 배지: 앱솔루트 포지션 실무 적용
피그마 오픈카톡방2026. 3. 7.
질문사항
아이콘에 배지를 추가할 때, 아이콘을 24x24px 박스에 맞추고 배지는 앱솔루트 포지션으로 배치하여 아이콘+배지 전체를 24x24px 사이즈로 만드는 방식이 실무에서도 일반적인가요?
답변
네, 실무에서도 해당 방식이 일반적입니다. Figma에서는 아이콘 컴포넌트 내부에 배지 요소를 넣고, 배지에 `Absolute position`을 적용하여 아이콘 프레임 기준으로 원하는 위치에 배치합니다. 이는 개발 시 CSS에서 아이콘 컨테이너에 `position: relative;`를, 배지에 `position: absolute;`를 적용하여 `top`, `right` 등의 속성으로 위치를 조정하는 방식과 유사합니다.