figma

figma carousel

funfunweb 2024. 2. 28. 12:32

1. R  사각형 그리기 

 

ctrl + d   * 2번 반복하여 사각형 4개 만들기

 

전체 사각형 선택 

이미지 넣기

 

아무 주제 선택하여 넣기

 

plugin 닫기

 

사진 전체 선택하여 우클릭 그룹으로 묶기

우클릭 frame selection 또는 단축키 ctrl + alt + g

ctrl + drag 하여 첫번째 사진만 영역 설정 (그냥 드래그 해도 됨)

 

 

clip content check

 

여기서부터 사진 갯수만큼 반복

frame1 복사 (ctrl + c ,ctrl + v 또는 alt + drag)

clip content 체크 해제 (unclip content)

 

frame2 의 group1 선택 후 shift + 방향키 ← 로 frame 에 2번째 사진 위치할수 있도록 이동

1. frame 2 선택 후 

2. unclip content

3. 결과 2번째 사진만 보임

 

여기가지 반복

 

전체 frame 선택후 create component set

 

prototype

여기서부터 반복

1번 사진 선택

2번 + 선택하여

3번 사진쪽으로 드래그

자동 슬라이드라서 after delay(시간이 지나면)

1. delay 시간

2. smart animate 선택

3. 속도

여기까지 반복

 

 

test

 

또는

2번 클릭

insert instance

 

화면으로 보기

또는

'figma' 카테고리의 다른 글

SPIN ANIMATION  (0) 2024.02.29
슬라이드(캐러셀) in figma drag  (0) 2024.02.28
figma - toggle button  (0) 2024.02.27
스크롤 기능 구현하기  (0) 2024.02.23
피그마 커뮤니티 활용  (0) 2023.12.18