Figma에서 Frame 활용하기

Figma 프레임이란 무엇인가요?

Figma에서 프레임은 디자인 작업의 기본 틀을 제공합니다. 프레임을 통해 각종 디자인 요소들을 정렬하고, 화면 사이즈에 맞게 조정할 수 있습니다.

Frame 종류와 구현 순서

프레임은 다양한 디바이스와 화면 크기에 맞추어 제공됩니다. 주로 사용되는 프레임 유형에는 Phone, Tablet, Desktop, Presentation, Watch 등이 있습니다. 프로젝트의 필요에 따라 Desktop, Phone, Tablet 순으로 구현하는 것이 일반적입니다. 이는 화면 사이즈의 차이가 클 경우 디자인 요소의 변화가 필요하기 때문입니다.

1. Frame 생성은 각 Category 즉, 旅行での基本知識, グルメ, 交通 생성하는게 좋지만, 유료이기 때문에 하나의 페이지에서 전부 진행하도록 하겠습니다. 실제 디자인 작업에는 문제가 없습니다.

 

Frame 생성하기 가이드

1. 좌측 상단에 # 아이콘을 클릭합니다.

2. 우측에 Phone, Desktop 등 사이즈를 선택하면 됩니다.

3. 현재 저희는, Presentation 1980 * 1080을 진행하고 있습니다. 웹 디자인의 경우 Presentation 1980 * 1080으로 진행하는 경우가 많습니다. 이유는 가장 많은 사용자가 1980 * 1080을 사용하기 때문입니다.

4. 우측에서 사이즈를 선택하면 Frame이 생성됩니다.

5. 직접 생성하는 방법도 존재합니다.

 

 

6. 제목 설정은 Frame 위 별도로 작성하는게 아니라, Frame 이름을 작성하는 곳이 존재합니다.

   1. ex) ①韓国旅行前に知っておくべきこと 적는게 아니라, Slide 16:9 -10 적힌 곳을 더블 클릭하면 제목 설정이 가능합니다.

7. Frame은 복사가 가능합니다. Alt 버튼을 누르고 드레그를 하면 같은 크기의 같은 높이를 가진 박스를 복제할 수 있습니다. 간격 조정도 가능합니다.