본문 바로가기
  • 디자이너의 시선으로 소소한 이야기를 기록합니다.
디자인/피그마(Figma)

[피그마] 단축키 추천 & 팁

by W디자이너 2022. 1. 4.

Thumbnail

피그마로 UI 디자인 작업할 때, 유용하게 사용했던 단축키 및 팁을 소개해드릴게요.

 

 

 

목차

     

     

     

     

     

    01. 피그마 전체 단축키 확인

    디자인 툴의 단축키는 대부분 비슷한 것 같아요. 직접 확인하면서 본인의 작업 스타일에 맞는 단축키를 찾아보세요.

     

      단축키  

    - Window : Ctrl + Shift + /

    - OS : Control + Shift + /

    피그마 단축키
    피그마 단축키

     

     

     

     

    02. 전체 레이어 한 번에 닫기

    레이어가 다 열려 있으면 작업 중인 레이어를 찾기 힘듭니다. 그래서 저는 작업 중인 레이어만 열고 작업을 하고 있어요.

    한 번에 레이어를 닫는 방법을 알려드릴게요.

     

      단축키  

    - Window : 최상위 레이어를 'Ctrl + A'로 전체 레이어 선택 -> Ctrl를 누른 상태에서 레이어 닫기

    - OS : 최상위 레이어를 'Control + A'로 전체 레이어 선택 -> Ctrl를 누른 상태에서 레이어 닫기

    예시 : 전체 레이어 한 번에 닫기
    전체 레이어 한 번에 닫기

     

     

     

     

    03. 픽셀 물림 설정 / 해제(Snap to pixel grid enabled / disabled)

    아이콘 작업을 하다 보면 픽셀 그리드의 정수를 벗어날 때가 있어요. 그럴 때면 잠깐씩 픽셀 물림을 해제하고 작업을 진행해요.

     

      단축키  

    - Window : Ctrl + Shift + '

    - OS : Ctrl + Command + '

    예시 : 픽셀 물림 설정 및 해제
    픽셀 물림 설정 및 해제

     

     

     

    04. 한 번에 여러 이미지 삽입하기

    여러 개의 이미지를 한 번에 넣는 방법을 알려 드릴게요.

     

      단축키  

    - Window : Ctrl + Shift + K -> 이미지 선택 -> 원하는 곳에 삽입

    - OS : Command + Shift + K -> 이미지 선택 -> 원하는 곳에 삽입

    예시 : 한 번에 여러 이미지 삽입하기
    한 번에 여러 이미지 삽입하기

     

     

     

     

    05. 레이어 한 번에 이름 변경하기

    레이어에 원하는 단어 추가 또는 삭제할 수 있고 내림차순 또는 오림 차순으로 숫자를 넣을 수 있어요.

     

      단축키  

    - Window : 이름 바꿀 레이어 선택 -> Ctrl + R -> 이름 변경

    - OS : 이름 바꿀 레이어 선택 -> command + R -> 이름 변경

    예시 : 레이어 한 번에 이름 변경하기
    여러 레이어 이름 한 번에 변경하기

     

     

     

     

    06. 잠금 된 전체 레이어 한 번에 해제하기

    중간중간 잠금 된 레이어를 하나하나 찾아서 해제하기 힘들면 단축키로 한 번에 해제하세요.

     

      단축키  

    - Window : Ctrl + Alt + Shift + L

    - OS : Option + Command + Shift + L

    예시 : 잠금 된 전체 레이어 한 번에 해제하기
    잠금 된 전체 레이어 한 번에 해제하기

     

     

     

     

     

    07. 비율로 스케일 키우기(스케일 도구)

    Scale(K)로 선택한 상태로 이미지(Frame)를 키우면 비율대로 스케일이 커져요.

     

      단축키  

    - Window : K -> 대지 키우기

    - OS : K -> 대지 키우기

    예시 : 비율로 스케일 키우기
    비율로 스케일 키우기

     

     

     

    2021.03.10 - [디자인/피그마(Figma)] - 피그마에서 문서 작업 시, 유용한 플러그인 Top 5 추천

     

    피그마에서 문서 작업 시, 유용한 플러그인 Top5 추천

    저는 UI 디자인뿐만 아니라 문서 작업도 피그마로 하고 있어요. 피그마에서 문서 작업할 때, 유용하게 사용할 수 있는 플러그인을 추천드려요. 피그마로 문서 작업 시 장점 - 설치 없이 웹에서 문

    wdesigner.tistory.com

     

    2021.02.05 - [디자인/피그마(Figma)] - [피그마]Auto layout(오토레이아웃)으로 Underline Tab(언더라인 탭) 만들기

     

    [피그마]Auto layout(오토레이아웃)으로 Underline Tab(언더라인 탭) 만들기

    UI 작업을 하다 보면 Underline이 들어간 Tab을 만들게 되는데요. Tab에 들어가는 텍스트(탭명) 길이가 제각각이기 때문에 새로운 것을 만들 때마다 Underline 길이를 조절해야 하는 번거로움이 있어요.

    wdesigner.tistory.com

     

    반응형