Front-end/Figma

Figma 기본 기능

잔디🌿 2023. 6. 28. 02:51

<에디터 사용하기>

위에 보이는 전체 화면을 Canvas라고 한다

Frame : 도형과 텍스트로 채울 화면

도형/ 텍스트 : 앱서비스 화면 구성하는 요소

 

우측에 바에 Frame을 클릭하면 화면의 크기를 자동으로 조정해준다(아이폰, 맥북 등등의 크기로)

360*643사이즈로 만들면 여러 사이즈에도 대응할 수 있는 디자인이 가능하다

 

도형은 방향키를 이용해서 위치 조정 가능

복제(ctrl c + v) 많이 사용하기

 

텍스트를 복제하면 그룹내에서 복제되기 때문에 ctrl-x ->ctrl-v를 하면 독립된다.

 

window + . 하면 아이콘 나온다

 

 

<아이콘 적용하기>

 

icons8.com에서 아이콘 무료로 다운(recolor을 통해 색 미리 맞춰주기)

 

<프레임명 변경하기>
Frame영역에서 마우스를 더블 클릭해서 화면명을 입력하면 된다.

단일페이지가 아니라 여러 페이지를 기획해야 할 때 정리가 필요하다.