Spacing Scale Generator

스페이싱 스케일은 응집력 있는 디자인 시스템의 기초입니다. 인터페이스 전체에 임의의 픽셀 값을 흩어놓는 대신 일관된 스케일을 사용하면 시각적 조화가 이루어지고 디자이너와 개발자 모두에게 예측 가능한 레이아웃이 됩니다. 이 도구는 수학적 비율을 기반으로 신중하게 계산된 스페이싱 스케일을 생성하므로 각 단계가 비례감과 의도성을 갖추게 됩니다.

도구를 사용하려면 기본 스페이싱 단위(보통 4px 또는 8px)를 선택하고, 스케일 비율(황금비, 장3도, 완전4도 등)을 선택한 후 스케일을 생성합니다. 출력에는 패딩, 마진, 갭 및 기타 레이아웃 측정에 필요한 모든 스페이싱 값이 포함됩니다. 개별 값을 복사하거나 CSS 변수, Tailwind 설정, JSON 등의 형식으로 전체 스케일을 내보내 디자인 시스템에 seamless하게 통합할 수 있습니다.