데브허브 | DEVHUB | 12 Figma가 지원하지 않는 margin에 대한 추가설명12 Figma가 지원하지 않는 margin에 대한 추가설명
- Figma는 박스 간의 직접적인 '마진' 개념을 지원하지 않으며, '패딩'은 콘텐츠와 박스 사이의 간격만 조절합니다. 🚫
- 박스 간 여백을 만들기 위한 주된 방법은 '마진'이라는 이름의 빈 박스를 생성하여 사용하는 것입니다. 📦
- 대안으로, Auto Layout 내에서 자식 요소들이 남은 여백을 분배하도록 설정할 수 있습니다. ↔️
- 특정 자식 요소들을 프레임으로 묶어 '손자'로 만들면, 여백 분배 방식을 조절하여 간격을 다르게 나눌 수 있습니다. 👨👩👧👦
- 하지만, 자식 요소를 묶는 방식은 추후 아이콘 추가 시 확장성이나 논리적 개연성 측면에서 문제가 발생할 수 있어, 빈 박스 사용이 더 권장됩니다. 🧩
- Figma가 직접 지원하지 않더라도, '마진' 역할을 하는 빈 박스를 명확히 명명하여 사용하는 것이 디자인 시스템 유지 및 명확성 확보에 도움이 됩니다. ✅