📌 본 포스팅은 온라인 피그마 기본 실습에 대한 내용을 다룹니다.📌 [참고도서] 실전 피그마1. UI 디자인 기본요소 프레임. frame( 아트보드) , 오토 레이아웃, 컴포넌트 는 프레임 기반으로 동작함.프레임 중첩 (프레임안에 프레임)가능클립 콘텐츠(가시적 영역 조절가능) 내부 컨텐츠 숨김처리 가능.제약조건(Constraints)프레임 내부 요소에 제약 설정시 프레임 크기 변경시 내부 요소 크기도 함께 조절 가능.프로토타입의 가장 기본 단위는 프레임.기초 모바일 레이아웃 구성design file 클릭, 프레임 생성 -> 클릭, 오른쪽 사이드바 디자인 에서 iphon 14cmd+ R 누르면 프레임 이름 변경이 바로됨.frame 안에 frame 들을 집어 넣고 constraint 를 조작 해준뒤 바깥..

📌 본 포스팅은 피그마로 스토리보드를 만들고 서비스를 기획하는 내용을 다룹니다.📌 [참고] 살전 피그마(도서)피그마는 개발-디자이너가 소통하는 캔버스이지 문서작성이 본질이 아님.1. 피그마란 ?피그마는 서비스 기획 캔버스이다.벡터 그래픽 기반 디자인 툴, 도형 편집, 다양한 해상도 디자인 작업 수행, 오토레이아웃, 공통요소 동시 통제(컴포넌트)) 기능팀라이브러리 기능으로 일관된 디자인 시스템 유지 다양한 플러그인 생태계, 자동 히스토리(수정내역) 백업1.1.비트맵과 벡터방식의 이해비트맵 해상도(너비와 높이의 픽셀 수), 백터방식( 공식으로 이루어진 데이터) 해상도에 영향없음, 확장성 있음. 피그마는 벡터 방식 그래픽 표현, 깨지지 않음. 화면 모니터 (1920*1080), 태블릿(834*1194), ..