Figma - project

8 도형 그리기 / 요소 정렬 및 배치

lshjju 2026. 4. 18. 23:17

프레임 네임 변경


툴바 - 레이어

컴포턴트가 담긴 프레임 네임을 변경합니다.

components


 


안드로이드 네비게이션 바 세팅


캔버스 - 컴포턴트

안드로이드 네비게이션 바 셀렉

우클릭

크리에잇 컴포넌트

 

툴바 - 애셋

안드로이드 네비게이션 바 셀렉

캔버스 프레임 하단으로 드래그

 

캔버스 - 프레임

드래그 한거 셀렉

 

프로퍼티 - 디자인

박스1 - 하단 센터 정렬



캔버스 백그라운드 칼라 세팅


작업 하다 보니 캔버스 백그라운드 칼라를 변경해야 할 경우가 생깁니다.

변경 합니다.

 

https://lshjju.tistory.com/922

 

Figma manual basic

피그마에서 많이 사용하는 기능을 텍스트로만 설명해 보겠습니다.도움 되기 바랍니다.엘레멘트 컴포넌트 해제하기가끔 컴포넌트를 일회성 디자인 요소로 사용할 경우가 있습니다.그런 경우 컴

lshjju.tistory.com

 



백 유아이와 종 아이콘 배치


 

백 유아이 컴포넌트 등록

컴포넌트 등록 합니다.

시안을 보고 적절히 배치 합니다.

 

종 아이콘 배치

시안을 보고 적절하게 배치 합니다.



은행 계좌번호 폼 그리기


 

 

메뉴바 - 렉탱글

네모 셀렉 합니다.

프레임에 일단 그립니다.

 

프로퍼티 - 디자인

프로퍼티는 직관적으로 설계되어 있습니다.

드로잉 옵션은 대충 봐도 쉽게 알 수 있습니다.

시안 참고해서 적절하게 대충 그립니다.

 

캔버스 - 프레임

셀렉과 락 기능등을 적절히 활용해서 폼 부분만 멀티 셀렉 합니다.

우클릭 - 그룹 셀렉션

 

캔버스 - 프레임

패딩과 얼라인 등을 정교하게 다듬어 줍니다.

 

완성 합니다.