[FIGMA] 아토믹 디자인 시스템 적용 시 발생하는 스케일 버그

1. 배경Figma에서 아토믹 디자인 시스템을 적용할 때, Variants를 활용하여 다양한 모드를 설정하거나 Swap Instance 기능을 사용하여 인스턴스를 교체하는 경우가 많다. 그러나 이러한 작업을 수행할 때, 인스턴스 크기를 변경하면 중첩된(Nested) 컴포넌트가 원래 크기로 돌아가거나, 제자리에 위치하지 못하는 버그가 발생할 수 있다. 이 문제는 디자인 시스템을 체계적으로 관리하고자 할 때 심각한 장애 요소가 된다.2. 문제의 원인컴포넌트 구조: Figma에서 중첩된 컴포넌트가 포함된 인스턴스를 변경하면, 내부 컴포넌트의 크기가 자동으로 원본 크기로 되돌아가는 경우가 있다.자동 레이아웃(Auto Layout)의 한계: 자동 레이아웃을 적용하더라도 중첩된 컴포넌트가 원래 크기를 유지하려는 경..
주간 기록지/UXUI 2025. 2. 12. 12:57
1