[피그마]피그마 figma, 알아두면 좋은 단축키 모음

조회수 5207

맥 기준으로 정리했던 피그마 단축키 모음입니다. 윈도우의 경우 cmd 를 ctrl 로 option 은 alt 로 대체해서 사용하면 되지만 안 되는 경우도 있으니 참고하세요!

우선 폰트 관련 단축키, 편리한데 폰트 스타일이 정해지면 쓸 일은 별로 없습니다.

cmd + shift + < >
폰트 사이즈 조절
cmd + option + < >
폰트 굵기 조절
option + shift + < >
행간 조절
option + < >
자간 조절

각종 보기 설정 정리한 단축키
cmd + /
피그마 좌우 패널을 숨길 수 있습니다. 작은 화면에서 디자인을 확인할 때 쓰면 좋습니다.
shift + 1
캔버스 내 작업한 내용을 한눈에 보여줍니다. 광활한 피그마 내에서 길을 잃었을 때 쓰면 좋습니다.
shift + 2
위 단축키를 쓰고, 특정 프레임을 선택한 후 쓰면 해당 프레임만 바로 클로즈업 해서 볼 수 있습니다.
shift + '
화면을 확대했을 때 보이는 픽셀 그리드를 끄거나 킬 수 있습니다.
cmd + shift + '
픽셀 단위를 무시하고 자유롭게 작업하고 싶을 때 눌러주세요. (디테일한 사이즈 조절 시)
shift + G
레이아웃 그리드를 한번에 끄거나 킬 수 있습니다. (레이아웃 그리드는 가이드선과는 달라요)
shift + R
작업영역 테두리에 자도구를 킬 수 있습니다. 가이드선까지 뽑을 수 있지만 잘 쓰진 않아요.
cmd + Y
아웃라인 보기, 일러스트의 ctrl + Y 같은 기능입니다. 여러 요소가 중첩되었을 때 뼈대를 확인하기 좋고 특히 컴포넌트 요소를 바로 확인하기도 좋습니다.
shift + C
코멘트 보기, 여기저기 달린 코멘트들, 지우기는 애매하고 그대로 두기는 귀찮다면 이 단축키로 안 보이게 할 수 있습니다.

그 외 단축키들
cmd + shift + R
특정 요소를 cmd + C 복사하고, 다른 요소를 선택하고 이 단축키를 눌러보세요. 해당 요소로 바로 바꿔줍니다.
cmd + /
퀵액션, 각종 기능이나 플러그인을 검색해서 바로 쓸 수 있습니다.
cmd + option + L, T, R
텍스트 정렬 왼쪽, 가운데, 오른쪽
option + W, S, A, D
오브젝트 정렬, wsad 키에 손을 올려보세요. 직관적이라 쓰기 좋습니다.
option + H, V
오브젝트 가운데 정렬 (좌우, 상하), H 는 가로 선이 있으니 가로, V 는 가로 선 없으니 세로라고 생각하면 편합니다.
cmd + option + C, V
서식 복사, 디자인 스타일을 복사할 수 있습니다.
cmd + shift + C, V
텍스트 서식 유지하며 붙여넣기 입니다.
shift + X
면과 선 전환. 이것도 유용합니다. 한번 해보면 바로 느낌이 올거예요.
option + L
모든 레이어 닫기. 레이어를 체계적으로 네이밍해 정리한다면 알아두어도 좋아요.
shift + E
프로토타입 전환입니다.

이런 템플릿이 디자인을 하기 위한 도구로 유용하긴 쉽지 않습니다. 대부분 무용하겠지만 누군가에게 도움이 되는 자료이면 좋겠습니다.
디자인 하기 위한 도구보다는 디자인을 '하게 만드는' 도구로 사이트를 만들었습니다. 노트와 펜을 사면 얼마간 글을 쓰듯이, 도메인과 사이트 운영비를 냈으니
얼마간 자발적으로 디자인을 하게 될 것 같습니다.


skdyds@naver.com