AI로 MVP 만들어보기-07 프레임 추가하기
- 이번 영상은 피그마를 다루는 첫 시간으로, '프레임' 개념을 소개합니다. 🚀
- 피그마에서 '프레임'은 텍스트, 도형, 이미지 등 콘텐츠를 담는 '박스' 또는 '틀'의 역할을 합니다. 📦
- 피그마 도구바에서 오른쪽은 콘텐츠(꾸미는 요소), 왼쪽은 콘텐츠를 감싸는 프레임(틀)을 생성하는 도구입니다. 🖼️
- 프레임은 중첩될 수 있으며, 가장 큰 프레임은 모바일 앱이나 웹사이트의 전체 화면(예: 스마트폰 화면)을 정의합니다. 📱
- 프레임은 도구바에서 프레임 도구를 선택한 후, 오른쪽 사이드바에서 '폰', '태블릿', '데스크톱' 등 원하는 디바이스 유형(예: iPhone 16 Pro Max)을 선택하여 생성합니다. ✨
- 피그마는 '디자인' 탭에서 작업하며, 좌측 '페이지' 탭으로 페이지를 추가할 수 있고, 우측 도구바는 선택된 요소에 따라 변경됩니다. 🖥️
- 피그마 작업 시 프레임을 먼저 만들고(틀을 잡고), 그 안에 도형, 텍스트 등의 콘텐츠를 채우는 것이 올바른 작업 순서입니다. 🏗️
데브허브 | DEVHUB | AI로 MVP 만들어보기-07 프레임 추가하기