[맨땅툴로그] 피그마 프레임 사이즈 설정 방법, 이렇게 쓰면 편하다 – A4부터 인스타까지

안녕하세요! 디지털맨땅이입니다.
이번 글에서는 피그마(Figma)에서 프레임 사이즈를 조절하는 방법을 정리해보려고 합니다.
 
저는 디자인 관련 일을 하는 사람이 아니다보니 디자인 툴을 다루는 게 정말 어렵고 힘든데요...
전자책 표지를 만들거나 블로그 썸네일을 편집하다 보니 정확한 사이즈 세팅이 정말 필요하다는 걸 몸소 느꼈습니다.
캔바로만 하다가 피그마를 써보니, 프레임 = 캔버스라는 개념만 이해하면 훨씬 유연하게 작업할 수 있더라고요.
 

---

1. 피그마에서 캔버스는 프레임(Frame)

처음 피그마를 열면 "캔버스 어디있지?"싶은데, 사실은 프레임이 그 역할을 합니다.
프레임이 작업의 기본 단위라서 A4 문서, 아이폰 화면, 인스타 포스트 같은 사이즈를 정할 때 꼭 필요해요.
 

---

2. 피그마 프레임 만드는 방법

① 단축키 F (또는 하단의 프레임 툴 직접 선택) → 원하는 크기만큼 영역 드래그

피그마에서 프레임 생성하는 방법. 원하는 크기만큼 드래그하여 프레임을 만들 수 있다.

 
② 우측 패널에서 기본 사이즈 선택 (A4, iPhone, Desktop HD, Instagram Post 등)

피그마에서 프레임을 생성하는 두번째 방법. 많이 사용하는 규격의 사이즈는 프레임 탭에서 선택하여 바로 생성할 수 있다.

 
저는 전자책 작업할 때는 A4, 인스타는 1080x1920을 가장 많이 씁니다.
이외에도 A3, A5, 유튜브 썸네일, 인스타그램 게시글, 아이폰 사이즈, 아이패드 사이즈 등 선택할 수 있는 기본 사이즈가 많답니다.

반응형

---

3. 피그마 프레임 크기 조절하기

프레임을 만든 뒤에 프레임 크기를 조절하는 두 가지 방법이 있어요.

1. 마우스로 테두리를 드래그 – 빠르지만 정확도 떨어짐
2. 프레임 선택 후 우측 속성창에서 W(width) / H(height) 직접 입력 – 정확하게 맞출 수 있음

예
① A4 = 595 x 842px
② B5 = 499 x 709px
③ 유튜브 썸네일 = 1280 x 720px
④ 인스타 포스트 = 1080 x 1080px
 
저는 숫자를 직접 넣는 방식을 더 추천합니다.

피그마에서 프레임 사이즈 변경하는 방법.

 
 
한가지 아쉬운 점은 입력 단위가 px(픽셀)만 가능합니다.
B5 용지같은 규격은 없기 때문에 직접 픽셀 값을 구하셔서 입력하셔야 합니다.
혹시 용지 사이즈 변환이 필요하실까 해서 종이 규격 픽셀로 변환할 수 있는 사이트 아래에 링크 넣어두었습니다!
 
https://www.storyblock.kr/papersize/

스토리블럭(storyblock)

스토리블럭에서 용지 사이즈를 픽셀로 변환하는 방법.

 

---

4. 피그마 프레임 복제 & 정렬 꿀팁

작업하다 보면 같은 사이즈의 프레임을 여러 개 만들어야 할 때가 있죠.
생성하는 것도 좋지만 복제를 이용하면 정말 편리해요!
그리고 복제한 뒤에 정렬하기 위해서는 스마트 가이드, 오토 레이아웃을 이용하면 편리하답니다.
 
① Alt + 드래그 → 프레임 복제
② 스마트 가이드 → 자동 정렬
③ 오토 레이아웃 → 요소 간격 유지
 

원하는 프레임에 마우스를 올려놓고 Alt+드래그 하면 프레임이 복제된다.

 
스마트 가이드, 오토 레이아웃에 대한 내용은 다음 포스팅으로 준비해볼게요ㅎㅎ
이 기능들만 익혀도 디자인 초보도 레이아웃이 한결 깔끔해집니다.

---

5. 직접 써보니

저는 피그마 처음엔 사용하기 정말 어렵다고 느껴졌어요.
사실... 지금도 너무 어려운 툴이랍니다...
 
그런데 한 번 프레임 사이즈를 조절해보고 나니, 전자책 표지나 인스타 콘텐츠 만들 때 훨씬 편해졌습니다.
그리고 이 프레임 기능과 오토 레이아웃, 컴포넌트 등의 기능들이 한 번 이해하면 정말 편리해요!
그게 피그마의 막강한 장점이라고 생각합니다. 비록 시작하긴 어려운 UI이긴 해도요...!

---

6. 다음 실험 예고

다음엔 피그마의 오토 레이아웃 기능과 컴포넌트 개념을 실험해보고 글로 남겨볼 예정입니다.
블로그, 전자책, 인스타 작업하시는 분들께도 분명 도움이 될 거라고 생각해요.