본문 바로가기
Front-end/Figma

Figma 기본 기능

by 잔디🌿 2023. 6. 28.

    <에디터 사용하기>

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

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

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

     

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

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

     

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

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

     

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

     

    window + . 하면 아이콘 나온다

     

     

    <아이콘 적용하기>

     

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

     

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

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

     

     

     

     

     

     

     

    'Front-end > Figma' 카테고리의 다른 글

    Figma 심화 기능  (0) 2023.06.28
    Figma 기본 구성 둘러보기  (0) 2023.06.28