[피그마 사용법] - Figma 프로토타입 스크롤편

안녕하세요 디자이너의 놀이터 디놀희에요 'ㅂ' 오늘은 피그마의 또다른 슬라이드 표현법! 피그마 사용법 중에 스크롤을 만들어볼꺼에요~ 피그마에서 스크롤 가로로 움직이는 카드들은 모바일 프로토타입에 사용된답니다. 개인적으로 피그마는 프로토타입을 만들수 있는 아주 강력한 무기이기때문에 애니메이션 같은걸 익혀두시는게 좋을것 같아요! 그럼 figma - scroll prototype을 만들준비 되셨으면 결과물부터 보실게요~ 먼저 rectangle 툴로 사각형을 그려주고 텍스트를 써서 피그마 스크롤에 쓰일 카드 와이어프레임을 만들어볼꺼에요. 저기~ 모서리를 둥글게 하는 사각형은 corner radius 아이콘으로 만들수 있어요 이렇게 생김! 그리고 전체를 드래그해서 범위를 잡은다음 다이아몬드 네개를 눌러서 컴포먼트를 만들어볼게요~ 저는 컴포먼트 이름을 카드프레임으로 정했어요 'ㅅ' 그럼 이제 asset패널에 가셔서 쭉 드래그로 끌어들인후에 이미지를 불러옵니다. 텍스트 바꾸실분은 텍스트도 바꾸셔...

원문링크 : [피그마 사용법] - Figma 프로토타입 스크롤편