질문사항
피그마에서 객체에 그림자를 주면 그림자 부분까지 영역이 안 잡히는데, 그림자 부분까지 영역을 잡으려면 어떻게 해야 하나요?
답변
Figma는 기본적으로 객체의 바운딩 박스를 계산할 때 `Drop Shadow`와 같은 이펙트 영역을 포함하지 않습니다. 이는 디자인 작업 시 객체 간의 정렬이나 간격 계산을 명확하게 하기 위함입니다.
그림자 영역까지 포함된 크기를 정확히 알고 싶다면 다음과 같은 방법들을 사용할 수 있습니다:
수동 계산: 그림자의 `X`, `Y` 오프셋 값과 `Blur` 값을 고려하여 객체의 실제 크기에 그림자 영역을 더해 수동으로 계산해야 합니다. 예를 들어, `Blur` 값이 16px이고 `Y` 오프셋이 8px인 그림자라면, 객체 하단으로 약 16+8=24px 정도의 추가 공간이 필요하다고 추정할 수 있습니다.프레임 활용: 객체와 그림자 영역을 모두 포함할 수 있는 크기의 `Frame`을 만들고, 그 안에 객체를 넣는 방법입니다. 이 프레임의 크기가 그림자까지 포함된 영역이 됩니다.이미지 익스포트 후 측정: 객체를 이미지(PNG 등)로 익스포트하면 그림자까지 포함된 이미지 파일이 생성됩니다. 이 이미지의 실제 크기에서 원본 객체의 크기를 빼면 그림자가 차지하는 대략적인 영역을 파악할 수 있습니다. 이 방법은 정확한 수치보다는 시각적인 확인에 가깝습니다.