피그마 라이브러리에서 컴포넌트 꺼내 쓰는 방법
UX UI 디자이너가 피그마 라이브러리에서 컴포넌트 꺼내 쓰는 방법
라이브러리에 있는 컴포넌트를 꺼내 쓰는 방법을 설명드릴게요.
UI KIT 파일이 아닌, 제품 디자인 파일을 열어주세요.
송지호 디자이너님은, ‘구매하기’ 버튼을 하나 만드려고 해요.
● 피그마 좌측 패널에서 에셋(Assets) 탭을 클릭할게요.
● 그리고 라이브러리 버튼을 클릭할게요.
● 아까 라이브러리에 올린 유아이 키트(UI KIT) 파일의 토글을, ‘ON’으로 변경할게요. 그럼 좌측 패널에, 아까는 안 보이던, 책꽂이에 꽂혀 있는 요소들이 쭉 나타나게 돼요.
● 지금은 버튼이 필요한 거니까 검색창에서 버튼이라고 검색해볼게요.
● 적당한 버튼을 드래그앤드롭해서 꺼내 쓸게요.
꺼내 쓰는 방법에는 다른 두 가지 방법이 더 있어요.
● 하나는 검색 없이, 그냥 리스트 바로 열고 직접 찾아서 꺼내 쓰는 방법이에요.
● 다른 방법은, 유아이 키트(UI KIT) 파일을 열어서, 그곳에서 직접 복사하고 디자인 파일로 돌아와서 붙여넣기 하는 방법도 있어요.
다음 편에 계속 ...
연구하고 공부하고 정리하는 것을 좋아해요. 그래서 UXUI 분야가 잘 맞다고 생각하면서 일하고 있어요.
공통 관심사를 갖고 있는 사람들과 이야기를 나누는 것은 재미있으면서 역량을 키우는데에도 큰 도움이 되고 있어서 제가 좋아라하는 공부 방식이에요. 그러니 UXUI와 관련된 것이라면 무엇이든 편하게 물어봐주세요! =)
https://open.kakao.com/o/sKYOZ7Dc
�️ 인프런 온라인 강의
