쇼핑몰 운영자를 위한 필수 무료 TIP IT NEWS
현재 위치
  1. 게시판
  2. IT NEWS

IT NEWS

케이디자인 뉴스레터 게시판

게시판 상세

피그마 - Layout grid (레이아웃 그리드)

  • 작성자 케이디자인 (ip:)
  • 평점 0점  
  • 작성일 2024-01-24
  • 추천 추천하기
  • 조회수 2



안녕하세요 "케이디자인" 입니다😊


오늘은 피그마에서 레이아웃 그리드 하는 방법에 대해 설명해 드리겠습니다.












① 그리드 표시할 프레임을 선택해 주세요.





② Layout grid +를 클릭해 주세요.









기본으로 Grid 10px로 설정됩니다.









① 그리드 아이콘을 선택해 주세요.





② 사이즈, 컬러, 투명도 조절이 가능합니다.










① 그리드 아이콘 선택해 주세요.





② Columns(세로 그리드)를 선택해 주세요.





③ Count (그리드 행 열 수 조절), Margin (그리드 가장자리 양쪽 여백), 


Gutter (  각 행 열 수 조절)이 가능합니다.










④ Left, Right, Center, Stretch 선택이 가능합니다.










① 그리드 아이콘 선택해 주세요.





② Columns(가로 그리드)를 선택해 주세요.





③ Count (그리드 행 열 수 조절), Margin (그리드 가장자리 양쪽 여백),


 Gutter (  각 행 열 수 조절)이 가능합니다.










④ Top, Bottom, Center, Stretch를 선택할 수 있습니다.





그리드 ON / OFF 단축키는 Shift + G입니다.










오늘은 피그마에서 레이아웃 그리드 하는 방법에 대해 알아보았습니다!


다음 포스팅도 유익하고 새로운 글로 찾아뵙겠습니다😊

게시글 신고하기

신고사유

신고해주신 내용은 쇼핑몰 운영자의 검토 후 내부 운영 정책에 의해 처리가 진행됩니다.

첨부파일 썸네일.png
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

회원에게만 댓글 작성 권한이 있습니다.