thumbnails slider - figma

1. 

2.

 

3. 사각형 툴로 1200*400 그리기

이전 작업 반복 (ctrl + d)

4.main 에 stroke 주기

 

5. main 사각형 ctrl + c, ctrl + v

shift 키 누르고 사각형 줄이기 또는 287*123  간격 19

6. 이름 변경

7. 사진 넣기

이미지 위치 조절은 fill - image - crop 선택하고 이동

 

8. 양쪽 화살표 만들기

r 사각형 툴 선택

 

플러그인 iconfy  없으면.

있으면

 

9. 첫번째 작은 사진 과 큰사진 일치시키기

10. 전체 사진 선택 component (ctrl + alt  + k)

11. 컴포넌트 이름 변경

12. 더블클릭하여 이미지 바꾼다.

 

 

13. 프로토타입

 

화살표

 

2번 instance

 

3instance

4 instance

https://www.figma.com/file/JaCqhSD9CVRrvuJ6Yc0XB6/Untitled?type=design&node-id=2%3A88&mode=dev&t=jKg2WyDpLOgpLAWW-1