figma

슬라이드(캐러셀) in figma drag

funfunweb 2024. 2. 28. 13:00

1. r (사각형) 툴로 사각형 그리기  360*280(원하는 크기)

복사하여 3개 만들기

 

2. 전체 박스 선택하여 이미지 넣기

또는

 

이미지 넣고 ctrl + g

 

frame selection

ctrl + alt + g

 

 

frame 복사 (ctrl +c, ctrl +v 또는 alt  + 드래그, ctrl + d)

 

전체 frame 선택 후 clip content

 

frame2, frame 3 번의 group 선택 후 각각 2번 사진, 3번 사진 보이게 하기

 

frame 세개 선택후 component set

 

 

prototype

 

1. 사진 선택

2. + 클릭 드래그

3 2번 사진 쪽으로 드래그

 

 

 

test

 

 

https://www.figma.com/file/3WIO2l9TeUO090Y5TEfn1Q/Untitled?type=design&node-id=1%3A168&mode=dev&t=ZXcmfni8D6mHK04h-1

'figma' 카테고리의 다른 글

LOADING ANIMATION  (0) 2024.02.29
SPIN ANIMATION  (0) 2024.02.29
figma carousel  (0) 2024.02.28
figma - toggle button  (0) 2024.02.27
스크롤 기능 구현하기  (0) 2024.02.23