Figma manual

커뮤니티에서 필요한 레퍼런스 내 캔버스에 가져오기

lshjju 2026. 6. 11. 15:47

커뮤니티에서 필요한 레퍼런스 내 캔버스에 가져오기


android status bar, nav bar, icon 등을 그려야 합니다.

귀찮고 졸리고 배고픕니다.

커뮤니티에서 가져 옵니다.



필요 레퍼런스 검색




로컬앱 - 홈 아이콘 탭

브라우저앱 - 홈 - 메뉴리스트 - 백투파일스 탭 합니다.


- 커뮤니티 유아이 탭



커뮤니티 메인 

- 검색창

- 원하는 레퍼런스 키워드를 입력하고 검색 합니다.

- ex - android status bar - 검색


 

 

- 검색 결과 중 마음에 드는 레퍼런스 탭 합니다.

- 이것 저것 검색해 보고 필요한것 사용하면 됩니다.



Reference 1


 


https://www.figma.com/community/file/1071178715314305157

 


커뮤니티 홈

마음에 든다면 세이브 유아이 탭 하세요.

나중에 찾아서 다시 사용할 수 있습니다.

open in figma 탭 합니다.


 

 

필요한 엘리먼트 탭 합니다.

필요한 엘리먼트 카피합니다.



Reference 2 


 


https://www.figma.com/community/file/1156613324622550815




Reference 3


키보드가 필요 합니다.

커뮤니티에서 android keyboard 검색 합니다.


 

이 아이 셀렉 합니다.



https://www.figma.com/community/file/946157263507080040




안드로이드 키보드는 텍스트 넘버 이렇게 두개 가져 옵니다.


 

프레임에 배치해 봅니다.

디바이스 위스가 일치하지 않습니다.

스케일 조정 합니다.


 

내부 인스턴스를 모두 디태치 인스턴스 합니다.

3개 모두 우클릭 하고 아웃라인스트로크 합니다.


 

디바이스에 맞게 스케일 조정 합니다.

아래 네비게이션 바는 삭제해도 됩니다.


 

컴포넌트 프레임으로 이동하고 잘 세팅해 둡니다.

만약 오토레이아웃을 프레임으로 변경하고 싶다면

- 프로퍼티 - autolayout - flow - freedom 탭하면 프레임으로 변경 됩니다. 



붙여 넣기


 

 


캔버스

- 우클릭

- 페이스트 히어

- 페이스트 완료



저장한 프로젝트 확인하기


 

피그마(Figma) 커뮤니티에서 저장한 프로젝트는 아래의 순서대로 홈 화면에서 쉽게 확인하실 수 있습니다.
PC용 피그마 앱 또는 웹 브라우저에서 모두 동일하게 적용됩니다.


확인 방법
피그마 홈으로 이동

커뮤니티

오른쪽 메뉴 탭 중 세이브드 유아이 탭



사용하고 싶은 파일 위에 마우스를 올리고 원한는 메뉴 선택해서 사용하면 됩니다.



피그마는 이렇게 필요한 레퍼런스를 커뮤니티에서 가져와서 사용할 수 있습니다.