피그마로 UI UX 작업을 할 때, 많은 단축키를 반복적으로 사용해야합니다. 이때, 단축키를 이미 알고 있다면 이를 활용해 작업 속도를 대폭 줄일 수 있습니다. 단축키를 몰라도 수동으로 작업은 가능하지만, 단축키를 제대로 활용하면 생산성이 더욱 높아집니다. 이번 글에서는 디자이너가 가장 많이 사용하는 필수 피그마 단축키 중에 10가지를 정리했습니다. 지금 바로 외워두고, 더 스마트하게 디자인을 시작 해보세요.
이제 본격적으로 디자이너가 외워야하는 필수 피그마 단축키를 살펴볼까요? 👇
목차
먼저 시작 전에 피그마 전체 단축키를 알고 싶으신 분들은 피그마 공식 사이트 고객지원 서비스 링크를 아래에 남겨놓았으니 확인해주시길 바립니다.
피그마 툴 단축키 중에서 가장 많이 사용하는 4가지
선택, 텍스트, 사각형, 섹션
1. 이동(선택) 툴 → V
→ 선택툴은 제일 기본이 되는 툴로 거의 대부분 해당 툴로 작업을 합니다. 오브젝트를 선택하고 이동할 때 가장 많이 사용하며 무조건 1순위로 사용됩니다.
2. 텍스트(Text) 추가 → T
→ 텍스트를 입력하는 툴로 이미 작성한 텍스트 내용을 수정하거나 교체할 때도 사용합니다. 텍스트 사용이 매우 많은 UI UX 디자인 작업 특성상 많이 사용하게 됩니다.
3. 사각형(Rectangle) 추가 → R
→ 사각형을 입력하는 툴이며, 원은 O, 선은 L입니다. 기본적인 와이어프레임을 짤 때나, 영역을 지정할 때도 대부분 사각형을 사용하기 때문에 도형 툴 중에서도 가장 많이 사용합니다.
4. 섹션툴(Section) 추가 → Shift+S
→ 섹션을 만드는 툴로 여러개의 프레임을 묶어서 하나의 섹션으로 제작해줍니다. 관련된 메뉴 페이지끼리 묶어주거나 필요에 따라 구분할때 매우 용이하게 사용합니다.
레이어 편집할때 가장 많이 사용하는 단축키 3가지
그룹 만들기, 레이어 순서, 컴포넌트 생성
5. 그룹 만들기 / 해제 → Ctrl+G / Ctrl+Shift+G (Mac은 Ctr키를 Cmd 키로 사용)
→ 여러 개의 오브젝트를 하나의 그룹으로 묶거나 풀 때 사용하는 단축키 입니다. 개인적으로 선택툴 다음으로 가장 많이 사용하는 단축키입니다. 그만큼 자주 사용하기 때문에 꼭 외워두어야 하는 단축키입니다.
6. 레이어 순서 (앞으로/뒤로 보내기) → Ctrl+[ / Ctrl+]
→ 레이어의 순서를 앞으로 혹은 뒤로 보낼 때 사용하는 단축키입니다. 해당 프레임에서 가장 앞으로 보내고 싶을때는 Ctrl 키 없이 [ 만 사용하고, 가장 뒤로 보내고 싶을 때는 ] 를 사용합니다.
7. 컴포넌트 생성 → Ctrl+Alt+K
→ 여러 페이지에서 반복적으로 사용되는 컴포넌트를 만들고 싶을 때 사용하는 단축키 입니다. 반복 사용되는 요소를 컴포넌트로 제작하면 여러 상황에 맞춰 수정이 용이합니다. 그래서 카드 UI 리스트 UI 등 많은 부분에서 자주 사용하게 되는 단축키 입니다.
작업 속도 향상에 필요한 기타 단축키 3가지
오토 레이아웃, 복제, 캔버스 이동
8. Auto Layout 적용 → Shift+A
→ 반응형 디자인을 손쉽게 만들 때 필수적인 단축키 입니다. 레이어 간의 간격이나 좌우정렬, 패딩 등등 다양한 부분을 설정해놓고 알아서 정렬되도록 만들기 때문에 매우 편의성이 높은 기능입니다. 피그마로 디자인하는 가장 중요한 이유 중에 하나가 이 기능이기도 합니다.
9. 복제 (Duplicate) → Ctrl+D
→ 동일한 요소를 빠르게 복제할 수 있는 단축키입니다. Alt+드래그를 사용해도 복사가 가능하지만 이 방법은 레이어를 무조건 이동 시켜야만 복제가 가능합니다. 오토 레이아웃이 적용된 상태에서 이 복제 단축키만 사용하면 편하게 레이아웃을 유지하면서 복사할 수 있습니다.
10. 캔버스 이동 → Space+드래그
→ 페이지가 많아서 이동이 어려운 경우엔 이 단축키로 손쉽게 화면 이동이 가능합니다. 이 단축키를 사용하면 현재 내가 사용하고 있는 툴을 그대로 유지한체 이동할 수 있어 매우 용이합니다. 선택툴을 사용하던 상황이던, 도형툴을 사용하던 상황이던 상관 없이 편하게 캔버스 전체를 이동할 수 있습니다.
지금까지 피그마에서 디자이너들이 많이 사용하는 핵심 단축키를 익혔습니다. 단축키를 외우면 작업 속도와 효율성은 물론 디자인 작업의 자신감까지 높일 수 있습니다! 단축키는 디자인 작업 속도를 더 빠르고 직관적으로 만들어 주는 강력한 도구입니다. 여러분의 창의성을 더욱 발휘하고, 시간을 절약하며, 디자인 프로젝트를 더욱 즐겁게 진행하세요.
다음번에는 포토샵 관련 유용한 단축키를 정리해보겠습니다. 끝까지 읽어주셔서 감사합니다.