데브허브 | DEVHUB | 10 Figama에서 루트 레이아웃 방에 패딩 추가하기10 Figama에서 루트 레이아웃 방에 패딩 추가하기
- Figma에서 루트 레이아웃 방에 패딩을 추가하여 콘텐츠를 위한 여백을 확보하는 방법을 설명합니다. 📐
- 패딩은 아이템이 침범할 수 없는 영역을 미리 설정하여 디자인의 일관성을 유지하는 데 중요합니다. 🛡️
- 'N카페' 로고 예시를 통해, 텍스트 추가 시 'Hug' 설정으로 인한 높이 축소 문제를 고정 높이(64)로 변경하여 해결합니다. 📏
- 로고의 정렬은 수직 가운데 및 좌측으로 설정하고, 좌우 여백을 16으로 적용하여 시각적 균형을 맞춥니다. ↔️
- 메인 컨테이너(부모)의 패딩을 기본 10에서 20으로 조정하여 내부 요소들을 위한 충분한 공간을 확보합니다. 📦
- 이 과정은 실제 콘텐츠를 배치하기 전, 레이아웃의 기본적인 스타일과 여백 규칙을 확립하는 데 초점을 맞춥니다. 🖼️
- 다음 단계에서는 이렇게 준비된 '방' 안에 실제 콘텐츠를 구성하는 방법을 다룰 예정입니다. 🔜