질문사항
피그마에서 컴포넌트 인스턴스의 정렬이 갑자기 틀어지는 현상이 발생합니다. 메인 컴포넌트는 정상인데 인스턴스만 틀어지고, 클릭하면 다시 제대로 돌아오는데, 이러한 현상의 원인이 무엇인가요?
답변
피그마 컴포넌트 인스턴스의 정렬이 갑자기 틀어지는 현상은 몇 가지 원인으로 발생할 수 있으며, 주로 피그마의 렌더링 문제나 특정 조작으로 인한 일시적인 오류일 가능성이 높습니다.
가능한 원인 및 해결책:
인스턴스 크기 또는 스케일 변경: 메인 컴포넌트에서 인스턴스를 복사한 후, 인스턴스의 크기를 수동으로 조절하거나 스케일 도구(K)를 사용하여 크기를 변경했을 때 정렬이 일시적으로 틀어지는 경우가 있습니다. 해결책: 인스턴스를 다시 복사하여 교체하거나, 해당 인스턴스를 선택한 후 우측 패널에서 `Reset all changes` (모든 변경 사항 재설정)를 클릭하여 메인 컴포넌트의 상태로 되돌려 보세요.오토 레이아웃(Auto Layout) 설정 충돌: 컴포넌트 내부에 오토 레이아웃이 복잡하게 중첩되어 있거나, `Fill container`와 `Fixed width/height` 설정이 특정 상황에서 충돌을 일으킬 때 시각적인 오류가 발생할 수 있습니다. 해결책: 메인 컴포넌트의 오토 레이아웃 설정을 다시 한번 검토하고, 특히 `Resizing` 속성(Hug, Fill, Fixed)이 의도한 대로 작동하는지 확인합니다.피그마 렌더링 버그: 때때로 피그마 자체의 렌더링 버그로 인해 일시적으로 UI가 잘못 표시될 수 있습니다. 클릭하면 정상으로 돌아오는 경우가 이에 해당합니다. 해결책: 피그마를 재시작하거나, 웹 브라우저 캐시를 지우고 다시 시도해 보세요. 데스크톱 앱을 사용한다면 앱을 완전히 종료 후 재실행합니다.플러그인 충돌: 특정 플러그인이 피그마의 렌더링이나 컴포넌트 동작에 영향을 줄 수도 있습니다. 해결책: 최근에 설치했거나 사용한 플러그인이 있다면 잠시 비활성화하고 문제가 해결되는지 확인해 보세요.대부분의 경우, 인스턴스를 다시 복사하거나 `Reset all changes`를 사용하는 것으로 해결됩니다.