[#43] 피그마(Figma) 기초 실습 (3)

인터랙션

캐러셀 인터랙션

1️⃣ 프레임 생성/이미지 삽입 및 그룹화/베리언트 만들기

2️⃣ 캐러셀 이미지 인터랙션 설정

3️⃣ 캐러셀 원 인터랙션 설정

➡ 모든 인터랙션

 

오버플로우 스크롤링 인터랙션

1️⃣ 프레임 및 원 만들기/두 개의 원 선택 후 오토레이아웃 적용/이미지 삽입

2️⃣ 프레임 옵션 설정

• 프레임 끝에 맞춰야 오버플로우 스크롤이 작동

3️⃣ 프로토타입 [Horizontal]로 설정

 

모달 창 인터랙션

1️⃣ 프레임 제작

2️⃣ 프로토타이핑 연결/인터랙션 옵션 설정

 

내비게이션 드로워 인터랙션

1️⃣ 프레임 생성/아이콘 배치

2️⃣ 프로토타이핑 연결/인터랙션 옵션 설정

• Open overlay

• Close overlay