728x90
반응형
디자인 작업은 시간과의 싸움일 때가 많습니다.
특히 디자이너들이 한 디자인에 쏟을 수 있는 시간이 한정되어 있을 때, 빠르게 작업을 진행하는 것이 중요한데요.
피그마(Figma)는 다양한 단축키를 제공하여 디자인 작업의 속도를 높이고 효율성을 극대화할 수 있게 도와줍니다.
이 포스트에서는 피그마에서 자주 사용되는 단축키를 정리하여, 디자인 작업을 더 빠르고 효율적으로 할 수 있도록 도와드리겠습니다.
피그마 기본 단축키
1. 메뉴 숨기기/보기
- Windows: Ctrl + \
- Mac: Cmd + \
2. 안내선 보기/숨기기
- Windows/Mac: Shift + R
3. 기본 툴
- 선택/이동하기: V
- 텍스트: T
- 원: O
- 사각형: R
- 프레임: F
4. 선택/그룹
- 여러 요소 선택: Shift + 클릭
- 색 선택 (아이드로퍼): I
- 그룹/프레임 내 요소 선택: Ctrl + 클릭 (Windows), Cmd + 클릭 (Mac)
- 전체 선택: Ctrl + A (Windows), Cmd + A (Mac)
- 그룹: Ctrl + G (Windows), Cmd + G (Mac)
- 그룹 해제: Shift + Ctrl + G (Windows), Shift + Cmd + G (Mac)
- 프레임으로 만들기: Alt + Ctrl + G (Windows), Option + Cmd + G (Mac)
5. 커서
- 요소 간격 확인하기: Alt + 호버 (Windows), Option + 호버 (Mac)
- 요소 복제하기: Alt + 드래그 (Windows), Option + 드래그 (Mac)
- 중간을 기준으로 크기 바꾸기: Alt + 크기 변경 (Windows), Option + 크기 변경 (Mac)
- 비율에 맞게 크기 바꾸기: Shift + 크기 변경
6. 이동
- 캔버스 내에서 이동하기: Space + 드래그
- 캔버스 확대하기: +
- 캔버스 축소하기: -
7. 배치
- 뒤로/앞으로 보내기: Ctrl + [ , Ctrl + ] (Windows), Cmd + [ , Cmd + ] (Mac)
- 맨 뒤로/맨 앞으로 보내기: [ , ] (Windows/Mac)
- 위쪽/아래쪽으로 정렬: Alt + W , Alt + S (Windows), Option + W , Option + S (Mac)
- 왼쪽/오른쪽으로 정렬: Alt + A , Alt + D (Windows), Option + A , Option + D (Mac)
- 수평 중앙 정렬: Alt + H (Windows), Option + H (Mac)
- 수직 중앙 정렬: Alt + V (Windows), Option + V (Mac)
8. 편집
- 복사하기: Ctrl + C (Windows), Cmd + C (Mac)
- 오려두기: Ctrl + X (Windows), Cmd + X (Mac)
- 붙여넣기: Ctrl + V (Windows), Cmd + V (Mac)
- 복사+붙여넣기: Ctrl + D (Windows), Cmd + D (Mac)
- 이름 변경: Ctrl + R (Windows), Cmd + R (Mac)
- 속성 복사하기: Alt + Ctrl + C (Windows), Option + Cmd + C (Mac)
- 속성 붙여넣기: Alt + Ctrl + V (Windows), Option + Cmd + V (Mac)
9. 고급 기능
- 오토 레이아웃 추가하기: Shift + A
- 컴포넌트로 만들기: Alt + Ctrl + K (Windows), Option + Cmd + K (Mac)
단축키 확인 방법
피그마 화면 우측 하단의 ?를 클릭한 후, Keyboard shortcuts를 선택하면 모든 단축키 목록을 확인할 수 있습니다. 자주 사용하는 단축키는 파란색으로, 아직 사용하지 않은 단축키는 회색으로 표시됩니다.
구독!! 공감과 댓글은 저에게 큰 힘이 됩니다.
Starting Google Play App Distribution! "Tester Share" for Recruiting 20 Testers for a Closed Test.
728x90
반응형
'UI' 카테고리의 다른 글
Figma 그룹과 프레임: 디자인을 위한 조직과 관리 방법 (0) | 2024.09.05 |
---|---|
Figma 레이어 시스템 완벽 가이드: 디자인의 기초부터 고급 기능까지 (0) | 2024.09.05 |
피그마 UI 업데이트로 인한 편집 툴바 차이: 구버전으로 돌아가는 방법 (0) | 2024.09.05 |
피그마(Figma) 기본 기능: 디자인 작업을 더 쉽게 만드는 필수 툴 (0) | 2024.09.05 |
Figma 가입 및 실습 파일 불러오기: 디지털 디자인의 첫걸음 (5) | 2024.09.03 |