Webflow 단축키 치트 시트

Webflow의 41가지 키보드 단축키 치트 시트

일반

작업	Mac 단축키	Win 단축키
단축키 치트 시트 표시	`Shift` + `/`	`Shift` + `/`
스냅샷으로 저장	`Cmd` + `Shift` + `S`	`Ctrl` + `Shift` + `S`
선택 취소 또는 중단	`Esc`	`Esc`
요소 삭제	`Del`	`Del`
게시 대화상자 표시	`Shift` + `P`	`Shift` + `P`
코드 내보내기 대화상자 표시	`Shift` + `E`	`Shift` + `E`
요소 편집	`Enter`	`Enter`

보기

작업	Mac 단축키	Win 단축키
미리보기 모드	`Cmd` + `Shift` + `P`	`Ctrl` + `Shift` + `P`
가이드 오버레이	`Cmd` + `Shift` + `G`	`Ctrl` + `Shift` + `G`
요소 가장자리 표시	`Cmd` + `Shift` + `E`	`Ctrl` + `Shift` + `E`
엑스레이(X-ray) 모드	`Cmd` + `Shift` + `X`	`Ctrl` + `Shift` + `X`

왼쪽 도구 모음

작업	Mac 단축키	Win 단축키
추가 패널 표시	`A`	`A`
네비게이터 탭 표시	`Z`	`Z`
페이지 패널 표시	`P`	`P`
심볼 패널 표시	`Shift` + `A`	`Shift` + `A`
선택한 요소를 심볼로 만들기	`Cmd` + `Shift` + `A`	`Ctrl` + `Shift` + `A`
에셋 관리자 표시	`J`	`J`

오른쪽 탭

작업	Mac 단축키	Win 단축키
스타일 탭 표시	`S`	`S`
설정 탭 표시	`D`	`D`
스타일 관리자 탭 표시	`G`	`G`
인터랙션 탭 표시	`H`	`H`

복사 및 붙여넣기

작업	Mac 단축키	Win 단축키
복사	`Cmd` + `C`	`Ctrl` + `C`
잘라내기	`Cmd` + `X`	`Ctrl` + `X`
붙여넣기	`Cmd` + `V`	`Ctrl` + `V`
복제	`Alt` + `(드래그)`	`Alt` + `(드래그)`

실행 취소 및 다시 실행

작업	Mac 단축키	Win 단축키
실행 취소	`Cmd` + `Z`	`Ctrl` + `Z`
다시 실행	`Cmd` + `Shift` + `Z`	`Ctrl` + `Shift` + `Z`

장치 보기

작업	Mac 단축키	Win 단축키
데스크톱	`1`	`1`
태블릿	`2`	`2`
휴대폰(가로)	`3`	`3`
휴대폰(세로)	`4`	`4`

스타일 패널

작업	Mac 단축키	Win 단축키
마진 또는 패딩(모든 면)	`Shift` + `(드래그)`	`Shift` + `(드래그)`
마진 또는 패딩(상하 또는 좌우)	`Alt` + `(드래그)`	`Alt` + `(드래그)`
선택한 요소에 클래스 추가	`Cmd` + `Enter`	`Ctrl` + `Enter`
선택한 요소의 마지막 클래스 이름 변경	`Cmd` + `Shift` + `Enter`	`Ctrl` + `Shift` + `Enter`

찾기

작업	Mac 단축키	Win 단축키
빠른 찾기	`Cmd` + `K`	`Ctrl` + `K`

기타

작업	Mac 단축키	Win 단축키
패널 섹션 확장 또는 축소	`Alt` + `(클릭)`	`Alt` + `(클릭)`
상위 또는 하위 요소 선택	`위/아래 화살표`	`위/아래 화살표`
형제 요소 선택	`왼쪽/오른쪽 화살표`	`왼쪽/오른쪽 화살표`
다음 또는 이전 요소 선택	`Alt` + `왼쪽/오른쪽 화살표`	`Alt` + `왼쪽/오른쪽 화살표`
선택한 요소의 협업자 표시 전환	`Cmd` + `Shift` + `L`	`Ctrl` + `Shift` + `L`