Adobe XD를 시작할 준비가 되셨나요? 그렇다면 키보드 단축키를 반드시 외워야 합니다! 이 작은 도우미를 사용하면 Adobe XD에서 프로젝트를 쉽게 탐색하고 작업을 수행하며 디자인 작업을 최적화할 수 있습니다. 한 번에 모두 익힐 필요는 없으니 걱정하지 마시고 여유롭게 접근해 보시기 바랍니다. Adobe XD에 유용한 키보드 단축키를 함께 살펴보고 디자인 워크플로우를 한 단계 업그레이드해 보세요!
일반 키보드 단축키 용도 macOS Windows 종료 Cmd + Q Alt + F4
'편집' 메뉴의 키보드 단축키 Option macOS Windows 실행 취소 Cmd + Z Ctrl + Z 다시 실행 ⇧ + Cmd + Z Ctrl + Shift + Z Cut Cmd + X Ctrl + X 복사 Cmd + C Ctrl + C Paste Cmd + V Ctrl + V 모양 삽입(디자인 모드에서) 및 인터랙션 삽입(프로토타입 모드에서) Cmd + Opt + V Ctrl + Alt + V 복제 Cmd + D Ctrl + D Delete ⌫ 삭제 모두 선택 Cmd + A Ctrl + A 선택 취소 ⇧+ Cmd + A Ctrl + Shift + A
'파일' 메뉴의 키보드 단축키 Option macOS Windows New Cmd + N Ctrl + N 열기... Cmd + Shift + O Ctrl + Shift + O 닫기 Cmd + W Alt + F4 저장... Cmd + S Ctrl + S 다른 이름으로 저장... ⇧+ Cmd + S Ctrl + Shift + S 로컬에 저장... 옵트 + 시프트 + Cmd + S Shift + Ctrl + Alt + S 선택한 요소 내보내기 Shift + Cmd + E Ctrl + Shift + E 선택한 항목만 내보내기 Cmd + E Ctrl + E 타사 프로그램으로 내보내기(XD와 통합된 프로그램이 컴퓨터에 설치된 경우) Opt + Cmd + E 사용할 수 없음 가져오기 Shift + Cmd + I Ctrl + Shift + I
경로/그리기 펜용 키보드 단축키 Option macOS Windows "드로잉 펜" 도구 활성화 P P 포인트 변환 더블 클릭 더블 클릭 비대칭 제어점 Opt Alt 제어점 각도에 맞춰 정렬 Shift Shift 앵커 포인트 각도에 정렬 Shift Shift 추가 Opt + Cmd + U Ctrl + Alt + U 빼기 Opt + Cmd + S Ctrl + Alt + S 교차점 만들기 Opt + Cmd + I Ctrl + Alt + I 겹침 제외 Opt + Cmd + X Ctrl + Alt + X 경로로 변환 Cmd + 8 Ctrl + 8
레이어(개체), 그룹, 스크롤 그룹 및 아트보드에 대한 키보드 단축키 Option macOS Windows 레이어 그룹화 Cmd + G Ctrl + G 레이어 그룹 해제 Shift + Cmd + G Ctrl + Shift + G 컴포넌트 만들기 Cmd + K Ctrl + K 기본 컴포넌트 편집 Shift + Cmd + K Shift + Ctrl + K 이전 인스턴스로 돌아가기 Shift + Opt + K Shift + Alt + K 레이어 잠금/잠금 해제 Cmd + L Ctrl + L 레이어 숨기기/표시 Cmd + , Ctrl + , 모양으로 마스크 Shift + Cmd + M Shift + Ctrl + M 반복 그리드 만들기 Cmd + R Ctrl + R 그룹/컴포넌트에서 직접 레이어 선택하기 Cmd 키를 누른 상태에서 작업 공간에서 레이어를 클릭합니다. Ctrl 키를 누른 상태에서 작업 공간에서 레이어를 클릭합니다. 레이어의 불투명도를 변경합니다. 1 ~ 9(100%는 0) 1 ~ 9(100%의 경우 0) 그리기 영역을 선택합니다. Cmd 키를 누른 상태에서 그리기 영역의 빈 영역을 클릭합니다. Ctrl 키를 누른 상태에서 그리기 영역의 빈 영역을 클릭합니다. 중심점에서 도형을 그립니다. Opt + 드래그 Alt + 드래그 가로 세로 비율이 1:1인 도형 그리기(정사각형/원형) Shift + 드래그 Shift + 드래그 정삼각형 그리기 Shift + 드래그 Shift + 드래그 그리기 영역에서 안내선 표시/숨기기 Cmd + ; Ctrl + ; 그리기 영역에서 가이드 잠그기 Shift + Cmd + ; Shift + Ctrl + ; 요소를 10픽셀 이동 Shift + 화살표 키 Shift + 화살표 키 요소의 크기를 1픽셀 단위로 변경하기 Cmd + 화살표 키 Alt + 화살표 키 요소의 크기를 10픽셀 단위로 변경합니다. Cmd + Shift + 화살표 키 Alt + Shift + 화살표 키 겹치는 레이어에서 선택 Cmd + 제목 클릭 Ctrl + 제목 클릭 거리 편집 작업 영역에서 마우스 포인터를 대상체 위로 이동 + S 작업 영역에서 마우스 포인터를 개체 위로 이동 + S 반대쪽의 거리를 미러링합니다. Opt + S Alt + S 모든 페이지 편집 Shift + S Shift + S 가로 스크롤 Shift + Cmd + H Shift + Alt + H 세로 스크롤 Shift + Cmd + V Shift + Alt + V 가로 및 세로 스크롤 Shift + Cmd + D Shift + Alt + D "요소"에 색상 추가하기 Shift + Cmd + C Shift + Ctrl + C 레이어 이름 바꾸기 Cmd + Opt + R Ctrl + Alt + R "라이브러리" 패널의 프레임 색상을 요소에 적용하기 Opt + 클릭 Alt + 클릭 "라이브러리" 제어판에서 확장/축소하기 Cmd + 화살표 클릭 Ctrl + 화살표 클릭
정렬을 위한 키보드 단축키 Option macOS Windows 왼쪽 Ctrl + Cmd + ← Ctrl + Shift + ← 가운데(가로) Ctrl + Cmd + C Shift + C 오른쪽 Ctrl + Cmd + → Ctrl + Shift + → Top Ctrl + Cmd + ↑ Ctrl + Shift + ↑ 가운데(세로) Ctrl + Cmd + M Shift + M 하단 Ctrl + Cmd + ↓ Ctrl + Shift + ↓
정렬을 위한 키보드 단축키 Option macOS Windows 전경으로 이동 Shift + Cmd + ] Shift + Ctrl + ] 한 걸음 앞으로 Cmd + ] Ctrl + ] 뒤로 이동 Cmd + [ Ctrl + [ 배경으로 이동 Shift + Cmd + [ Shift + Ctrl + [
배포용 키보드 단축키 Option macOS Windows 가로 Ctrl + Cmd + H Ctrl + Shift + H 세로 Ctrl + Cmd + V Ctrl + Shift + V
텍스트 작업을 위한 키보드 단축키 Option macOS Windows 굵게 Cmd + B Ctrl + B 이탤릭체 Cmd + I Ctrl + I 밑줄 Cmd + U Ctrl + U 글꼴 확대 Shift + Cmd + > Ctrl + Shift + . 글꼴 크기 줄이기 Shift + Cmd + < Ctrl + Shift + ,
'작업' 메뉴의 키보드 단축키 Option macOS Windows 중앙에서 Opt Alt 개체 복사하여 붙여넣기 Opt + 드래그 Alt + 드래그 제한 Shift Shift 텍스트 편집 Enter 키 Enter 키 회전을 15도 단위로 제한합니다. Shift (15 °) Shift (15 °) 선을 그리고 회전을 45도 단위로 제한합니다. Shift (45°) Shift (45°) 개체의 중심에서 그리기 Shift + Opt Shift + Alt + S 직접 선택 Cmd Ctrl 디자인 모드와 프로토타입 모드 간 전환 Ctrl + Tab Ctrl + Tab
도구의 키보드 단축키 Option macOS Windows 선택 V V 직사각형 R R 타원 E E 다각형 Y Y 선 L L 드로잉 펜 P P 텍스트 T T 그리기 영역 A A 줌 줌 모드를 활성화합니다: Z 줌 모드를 활성화합니다: Z 피펫 I I
사용자 인터페이스 및 디스플레이 옵션에 대한 키보드 단축키 옵션 macOS Windows 디자인 모드로 전환 Opt + 1 Alt + 1 프로토타입 모드로 전환 Opt + 2 Alt + 2 릴리스 모드로 전환 Opt + 3 Alt + 3 확대 Cmd + , Opt + 마우스 휠 축소 Cmd + "-" 옵트 + 마우스 휠 선택 영역으로 확대 Cmd + 3 Ctrl + 3 확대하여 모든 항목 표시 Cmd + 0 Ctrl + 0 100 % Cmd + 1 Ctrl + 1 200 % Cmd + 2 Ctrl + 2 이동 스페이스바 스페이스바 엘리먼트 Shift + Cmd + Y Ctrl + Shift + Y 레이어 Cmd + Y Ctrl + Y 레이아웃 그리드 표시 Shift + Cmd + ' Shift + Ctrl + ' 그리드 상자 표시 Cmd + ' Ctrl + ' 전체 화면 모드 Ctrl + Cmd + F 사용할 수 없음 디자인 모드와 프로토타입 모드 간 전환 Ctrl + Tab Ctrl + Tab 창(파일) 간 전환 Cmd + 틸드(~) 사용할 수 없음 필드에서 값을 1씩 늘리거나 줄입니다. ↑ 또는 ↓ ↑ 또는 ↓ 필드의 값을 10만큼 늘리거나 줄입니다. Shift + ↑ 또는 Shift + ↓ Shift + ↑ 또는 Shift + ↓
'창' 메뉴의 키보드 단축키 Option macOS Windows 최대화 사용할 수 없음 Windows + ↑ 최소화 Cmd + M Windows + ↓ 미리보기 Cmd + ⏎ Ctrl + Enter
프로세스 변경을 위한 키보드 단축키 Option macOS Windows 가로로 이동 Shift + 마우스 휠 Shift + 마우스 휠 수직 이동 마우스 휠 마우스 휠
요소 간 거리 선택 및 측정을 위한 키보드 단축키 Option macOS Windows 거리 활성화 Opt(개체가 선택된 경우) Alt (선택된 개체의 경우) 선택한 레이어와의 거리 Opt 키를 누른 상태에서 마우스 포인터를 대상체/그룹/그리기 영역 위로 이동합니다. Alt 키를 누른 상태에서 마우스 포인터를 대상체/그룹/그리기 영역 위로 이동합니다. 선택한 그룹과의 상대적 거리 Opt + Cmd를 누른 상태에서 그룹의 개체 위로 마우스 포인터를 이동합니다. Ctrl + Alt를 누른 상태에서 그룹의 개체 위로 마우스 포인터를 이동합니다.
디자인 사양을 위한 키보드 단축키 Option macOS Windows 줌 Cmd + 마우스 휠 Cmd + "+", Cmd + "-" 또는 Ctrl + 마우스 휠, Ctrl + "+", Ctrl + "-" 줌 초기화 Cmd + 0 Ctrl + 0 이동 ↑, ↓, →, ← 스페이스바 + 클릭 후 드래그, ↑, ↓, →, ←, 스페이스바 + 클릭 후 드래그 더 빠르게 이동 Shift + ↑, ↓, →, ← Shift + ↑, ↓, →, ← 디자인 사양 보기의 드로잉 영역에서 포커스 제거하기 Esc Esc 연결된 아트보드 간 이동 Shift + 클릭 Shift + 클릭
벡터 편집을 위한 키보드 단축키 Option macOS Windows 선택한 벡터 개체 편집 시작 Enter 키 Enter 키 선택한 벡터 개체 편집 완료 Esc Esc 직선 및 미러 제어점 간 전환 더블 클릭 더블 클릭 제어점 핸들 연결 해제 Opt + 드래그 Alt + 드래그
프로토타이핑을 위한 키보드 단축키 Option macOS Windows 프로토타입 모드에서 모든 연결 표시 Cmd + A Ctrl + A 모든 배선 숨기기 Opt Alt 미리보기 Cmd + Enter Ctrl + Enter 미리보기 녹화 시작 또는 중지 Cmd + Ctrl + R 사용할 수 없음 녹화 중지 Esc 사용할 수 없음 미리보기 창 또는 공유 프로토타입에서 그리기 영역으로 이동하기 오른쪽 화살표 또는 왼쪽 화살표(→ 또는 ←) 공유 프로토타입 링크의 코멘트 필드에 새 줄을 작성합니다. Enter 키 또는 Shift + Enter Enter 키 또는 Shift + Enter 프로토타입 링크의 댓글 필드에 입력한 댓글 보내기 Cmd + Enter Ctrl + Enter
Adobe XD를 위한 최고의 팁과 요령 10가지 문자 반복을 사용합니다: 메뉴나 버튼과 같은 반복 요소를 디자인하는 경우 문자 반복을 사용합니다. 한 문자의 변경 사항이 모든 인스턴스에 자동으로 적용됩니다. 프로토타이핑 및 상호 작용: Adobe XD를 사용하면 인터랙티브 요소가 포함된 프로토타입을 만들 수 있습니다. 화면을 연결하고, 전환을 추가하고, 사용자 테스트를 실행하여 사용자 경험을 최적화할 수 있습니다. 컴포넌트 사용: 반복되는 UI 요소에 대한 구성 요소를 만듭니다. 컴포넌트를 변경하면 모든 인스턴스에서 업데이트되므로 시간을 절약하고 일관성을 유지할 수 있습니다. 영역 중첩: 프레임을 서로 중첩하여 디자인 파일을 정리하세요. 이렇게 하면 작업 공간을 깔끔하게 유지하고 개요를 유지할 수 있습니다. 플러그인 작업: Adobe XD는 추가 기능을 추가할 수 있는 플러그인을 지원합니다. 사용 가능한 플러그인을 확인하여 워크플로를 확장할 수 있습니다. 삭제된 요소 복원: 실수로 요소를 삭제한 경우 "Ctrl/Cmd + Z" 키 조합으로 복원할 수 있습니다. 픽셀 완벽한 정렬: 'Shift' 키를 사용하여 요소를 드래그하거나 크기를 조정하는 동안 픽셀 정확도로 요소를 정렬할 수 있습니다. 반응형 디자인: Adobe XD를 사용하면 다양한 화면 크기에 맞는 디자인을 만들 수 있습니다. 반응형 크기 조정 기능을 사용하여 다양한 디바이스에서 디자인이 잘 보이도록 할 수 있습니다. 댓글 및 피드백: 디자인을 다른 사람과 공유할 때 Adobe XD의 댓글 기능을 사용하여 피드백을 받고 변경 사항을 추적할 수 있습니다. 단축키 학습: 마지막으로 작업 속도를 높이려면 항상 가장 중요한 키보드 단축키를 학습해 두는 것이 좋습니다. 표준 Adobe XD 단축키를 사용하거나 원하는 대로 단축키를 사용자 지정할 수 있습니다.
