[Figma] Community 에서 Asset 복제

Figma 목록

 

 

Asset 가져오기

 

Community에서 ios 15 UI kit을 검색합니다.

 

 

 

 

 

 

 

 

Drafts에 복제되었습니다.

 

 

 

Drafts에서 확인 가능합니다.

 

 

 

 

Assets에서 status를 검색해서 마우스 오른쪽 클릭 Shift + 2를 눌러 ios Status 디자인 을 확인 할 수 있습니다.

 

 

 

 

Layer 탭에서 선택된 컴포넌트를 확인 할 수 있습니다.

 

 

 

 

해당 프레임을 선택하고 Command + c 복사합니다.

 

 

 

 

내 파일에서 Page를 추가하고 붙여넣기 합니다.

 

 

 

 

같은 방법으로 몇가지 프레임을 더 가져옵니다.

 

 

 

 

프레임을 모두 선택해서 Tidy up을 선택합니다.

 

 

 

프레임간 간격을 동일하게 맞추고, 커서를 이용해 수정할 수 있습니다.

 

 

원형 표시자로 순서 변경도 가능합니다.

 

 

 

 

 

 

 

캔버스 사이즈 설정

프레임에서 Design에서 iphone 사이즈를 추가합니다.

 

 

 

Prototype에서 Device도 수정합니다.

Present 버튼을 누릅니다.

 

 

 

 

 

Assets에서 status를 검색해서 캔버스에 드래그 합니다.

 

 

 

 

 

 

 

 

 

 

 

Constrains 적용

status bar는 Left and Right / Top으로 설정합니다.

Fix position when scrolling을 체크해서 스크롤시 고정시킵니다.

 

 

Tab bars는 Left and Right / Bottom으로 설정합니다.

 

 

높이 사이즈를 늘려봅니다.

 

 

 

 

 

Figma 목록