피그마(Figma) 알아두면 유용한 단축키 & 팁

프로그램을 사용할 때 작업 효율을 끌어올리기 위해 단축키를 활용하는 것만큼 효과적인 방법은 없는 것 같다. 그리고 거의 해마다 여러 디자인 관련 프로그램들이 새로 나오고 있지만 다행이 기본적인 단축키들은 그 결을 같이 하고 있어서 새로운 프로그램에 적응하는 일도 생각보다 어렵진 않다. 그럼에도 불구하고 사용 방법이 다른 단축키가 있기 마련이고 각 프로그램마다 고유 기능들이 있기 때문에 작업 효율을 올리려면 내가 원하는 기능을 어떻게 하면 더 편하게, 더 빨리 쓸 수 있을지 파악해두는게 좋다. 

 

최근에 외주를 진행하면서 처음으로 피그마를 접하게 되었는데 앞서 말한 것처럼 기존에 익숙한 단축키를 사용해서도 충분히 작업이 가능하지만 아쉬웠던 부분과 유튜브에서 관련 영상들을 보면서 파악한 알아두면 유용한 단축키 및 팁들을 아래와 같이 정리해보았다. (Mac 기준)

#1 레이어 복사

드래그한 방향으로 복사	Command + Option + Drag
드래그한 정방향으로 복사	Command + Option + Shift + Drag
복사한 기록이 있으면 그 정보에 맞춰 복사	Command + D

#2 도형 그리기 

사각형 그리기	R
원 그리기	O
마우스 커서를 중심으로 그리기	Option
정사이즈로 그리기	Shift
마우스 커서를 중심으로 정사이즈 도형 그리기	Option + Shift

위 상태에서 Space bar 를 누르면 생성한 도형의 위치 이동이 가능합니다.

#3 레이어 스타일 변경 및 복사 / 붙여넣기

레이어 색상 변경	Control + C
레이어 투명도 변경	변경 원하는 레이어를 선택한 후 숫자키로 조절 1 = 10% 75 = 75% 0 = 100%
레이어 이름 변경	Command + R
스타일 복사 / 붙여넣기	Command + Option + C / Command + Option + V
선택한 스타일만 복사 / 붙여넣기	Command + C / Command + V

#4 한 번에 여러 이미지 삽입

• Command + Shift + K
  

#5 UI 비활성

• Command + \ 

 

---

 

큰 개념 몇 가지만 파악하면 기본적으로 피그마는 디자이너가 다루기 아주 쉬운 프로그램인 거 같다. 나처럼 웹/앱 디자인 프로그램보단 포토샵에 더 익숙한 사람도 하루면(사실 몇시간 정도면) 주요 기능들을 파악해서 손쉽게 원하는 작업물을 만들 수 있으니 말이다. 프로그램 제작 입장에서도 이미 입지를 다진 여러 프로그램들 사이에서 유저들을 피그마로 넘어오게 하려면 접근하기 쉬운 사용성을 제공하는게 핵심 목표였을 것이다. 최근 실무에서도 스케치, 어도비XD에서 피그마로 많이 넘어가는 추세라하고 개인 사용자는 무료로 사용할 수 있으니 웹/앱 디자인을 하고 싶은 사람은 사용해보면 여러모로 좋을 거 같다. 나 또한 그 편이성에 익숙해져서 앞으로도 애용할 예정이다:)

 

https://www.figma.com/

Figma: the collaborative interface design tool.