inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

UX/UI 시작하기 : Figma 입문 (Inflearn Original)

가로스크롤 질문

1008

성민주

작성한 질문수 1

0

안녕하세요~! 

피그마 작업하다가 가로스크롤 관련 영상을 보고 할 수 있게 됐는데

제가 원하는건 부드럽게 넘어가는게 아니라 여러 카드형이 나열되어있다면 옆으로 스크롤 할 때 

하나하나 락이 걸리듯이 멈춰지는 걸 할 수 있는 방법도 있을까요? 

(예를 들어, 페이에서 카드가 넘어가는 형식)

프로토타이핑 figma

답변 1

0

장미순

민주님 안녕하세요! 질문 주셔서 감사합니다.

피그마에서 새로 추가된 인터랙티브 컴포넌트 기능을 이용해서 만들어보았는데요.

https://www.figma.com/community/file/976495090330742843/paging_smartanimate

인터랙션은 on drag 트리거와 navigate to 를 이용해보았습니다.

각 화면에는 페이징 된 이후의 모습으로 카드 좌표를 세팅해놓고 

드래그 트리거를 걸어 각각 카드가 확대된 프레임으로 연결하였습니다.

이때 각 프레임 안에 있는 카드의 레이어 구조 및 레이어 이름을 동일하게 하면

스마트애니메이트가 알아서 카드위치를 애니메이션 시켜주어 가능한 것 같습니다.

다른 방법들도 더 있지 않을까 합니다!

도움이 되셨으면 좋겠습니다.

감사합니다.

피그마 현재화면

0

109

1

현재 일자 버전의 Inspect

0

352

1

해당 강의 시작 때 강사님이 얘기한 예제 및 자료들을 확인할 수 없습니다.

2

650

4

우측 도구창에

0

348

1

figma mirror 어플

1

632

2

아이콘 사이즈 변경 문의

0

381

1

수업중 카드 UI 예제 부분은 어디서 받을 수 있어요?

0

386

2

figma에 폰트 추가

0

16155

1

이미지 갤러리 형태페이지에서 팝업 스크롤 부분이 이해가 안됩니다.

0

315

1

예제는 어디서 받아볼수 있나요?

0

702

2

Clip content

0

468

1

피그마 미러링 관련 질문

0

2439

1

자꾸 팀을 만들라는 창이 떠요

0

330

1

옵션키가 정확히 어떤키를 말하는지 궁금합니다.

0

1243

1

스트록 복사 알려주세요,,

1

407

2

constraints에서 상단 스크롤 고정을 할 수 있는 체크 박스 가 보이지 않아요.

0

3052

1

토글버튼

0

662

1

예제 샘플 공유

3

834

1

원본으로 가기

0

315

0

맥 텍스트 스타일 복사

0

957

0

(으잉..!)좋은 강의인데. UI가 너무 달라져서. 완전 다른 프로그램이 되었네요

3

722

0

member 초대가 불가능해요 ㅠㅠ

0

488

0

피그마 메인 화면이 저랑 선생님꺼랑 달라요

0

490

1

Figma mirror 어플 설치 관련

2

1649

1