피그마는 다양한 기능과 단축키를 제공하여 디자이너의 작업을 효율적으로 도와줍니다.
여기에서 피그마에서 많이 사용하는 10가지 기능과 그에 해당하는 단축키를 설명하겠습니다.
1. 프로토타이핑
- 기능 설명: 디자인을 클릭 가능하고 인터랙티브한 프로토타입으로 만들 수 있습니다. 이를 통해 사용자가 디자인을 실제로 경험해볼 수 있습니다.
- 단축키: P를 눌러 프로토타입 모드로 전환
2. 컴포넌트
- 기능 설명: 반복적으로 사용되는 요소들을 컴포넌트로 만들어 재사용할 수 있습니다. 이를 통해 일관성을 유지하고 시간 절약이 가능합니다.
- 단축키: Ctrl + Alt + K (Windows) / Cmd + Option + K (Mac) - 컴포넌트 만들기
3. 오토 레이아웃
- 기능 설명: 요소들이 자동으로 정렬되고 크기가 조정되도록 설정할 수 있습니다. 이는 반응형 디자인을 구현할 때 유용합니다.
- 단축키: Shift + A - 오토 레이아웃 추가
4. 버전 관리
- 기능 설명: 변경 사항이 자동으로 저장되며, 이전 버전으로 쉽게 되돌릴 수 있습니다.
- 단축키: 이 기능은 인터페이스 내에서 제공되며, 특별한 단축키는 필요 없습니다.
5. 플러그인
- 기능 설명: 다양한 플러그인을 통해 기능을 확장할 수 있습니다. 예를 들어, 아이콘 세트, 이미지 최적화 도구 등을 사용할 수 있습니다.
- 단축키: Ctrl + / (Windows) / Cmd + / (Mac) - 플러그인 검색 및 실행
6. 디자인 시스템
- 기능 설명: 스타일, 텍스트, 컴포넌트 등을 재사용할 수 있는 디자인 시스템을 구축하고 관리할 수 있습니다.
- 단축키: 이 기능은 라이브러리 패널에서 접근할 수 있으며, 특별한 단축키는 필요 없습니다.
7. 레이어 및 그룹 관리
- 기능 설명: 여러 개의 요소를 그룹화하거나 레이어를 통해 체계적으로 관리할 수 있습니다.
- 단축키: Ctrl + G (Windows) / Cmd + G (Mac) - 그룹 만들기
8. 텍스트 스타일
- 기능 설명: 텍스트 스타일을 정의하고 재사용하여 일관된 타이포그래피를 유지할 수 있습니다.
- 단축키: T - 텍스트 도구 선택
9. 스마트 셀렉션
- 기능 설명: 여러 개의 요소를 선택하고, 간격을 자동으로 조정할 수 있습니다.
- 단축키: Shift + 클릭 - 여러 개의 요소 선택, Alt + 드래그 - 간격 조정
추가 단축키
- 복사/붙여넣기: Ctrl + C / Ctrl + V (Windows) / Cmd + C / Cmd + V (Mac)
- 이동: Shift + 화살표 키
- 빠른 액션: Ctrl + P (Windows) / Cmd + P (Mac)
- 프레임 추가: F
위와같이 피그마를 사용하는데 있어서, 시간단축과 높은 효율성을 가지기 위해 단축키를 익히는게 좋습니다.
속도는 실력에 직관되는 부분이기 때문입니다.
오늘은 가장 기본적인 단축키를 설명드렸습니다.
다음 내용으로는 심화된 기능 표현에 대하여 설명 드리겠습니다.
감사합니다.