Studio NFP

그리드 계산기


웹 레이아웃 그리드 시스템을 설계하고 시각화하세요.

스튜디오 NFP 작업을 위한 전문 도구 모음

그리드 시스템 계산기

웹사이트나 앱 디자인에 필요한 그리드 시스템을 쉽게 계산해보세요.
컨테이너 너비와 컬럼 수를 입력하면 각 요소의 정확한 크기를 자동으로 계산해드립니다.

페이지 너비, 컬럼 너비, 간격, 좌우 마진 등 레이아웃 설계에 필요한 모든 수치 계산
수치 입력
px
px
px
계산 결과
1280px
0px
320px
0px

그리드 미리보기