팬더뉴스01
디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법 확인하기 본문
피그마 단축키 마스터하기: 디자이너를 위한 완벽 가이드
지금부터 디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법에 대한 내용을 아래에서 확인해 보도록 하겠습니다.
디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법을 제대로 익히면 작업 속도가 최소 3배는 빨라집니다. 총 47개의 필수 단축키와 실무에서 바로 써먹을 수 있는 꿀팁들을 정리했어요.
Figma 단축키 기본 개념과 설정 방법
디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법에 대해 궁금하신 분들은 아래를 참고하세요!
제가 3년 동안 Figma를 써보니까, 단축키 하나하나가 정말 소중하더라고요. 처음엔 마우스로만 작업했는데, 이제는 키보드 없으면 손발이 묶인 기분이에요. 디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법을 제대로 익히려면 먼저 기본기부터 탄탄히 해야 해요.
피그마의 단축키 시스템은 다른 디자인 툴들과는 좀 달라요. 어도비 제품군과 달리 웹 기반이라서 브라우저 환경을 고려해야 하거든요. 특히 크롬에서 쓸 때와 데스크톱 앱에서 쓸 때 미묘한 차이가 있어서, 이런 부분들을 미리 알고 시작하면 좋습니다.
단축키 커스터마이징 노하우
피그마는 기본 단축키도 좋지만, 개인 취향에 맞게 바꿀 수 있어요. Preferences > Shortcuts에서 설정 가능한데, 저는 포토샵 경험이 있어서 일부 단축키를 어도비 스타일로 바꿔놨거든요. 예를 들어 Rectangle Tool을 'U'에서 'R'로 변경했어요.
근데 여기서 주의할 점이 있어요. 너무 많이 바꾸면 나중에 다른 컴퓨터에서 작업할 때 헷갈려요. 저도 회사 컴퓨터랑 집 컴퓨터 설정이 달라서 한동안 고생했거든요 ㅠㅠ 그래서 정말 필요한 것들만 바꾸는 걸 추천합니다.
단축키 설정할 때 꿀팁 하나 더 드리면, 자주 쓰는 플러그인들도 단축키를 지정해두세요. Unsplash 같은 이미지 플러그인이나 Lorem Ipsum 텍스트 생성기 같은 것들 말이에요. 이렇게 해두면 작업 흐름이 끊기지 않아서 좋아요.
작업 환경 최적화 팁
디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법을 제대로 활용하려면 작업 환경부터 갖춰야 해요. 저는 듀얼 모니터 환경에서 작업하는데, 메인 모니터엔 캔버스를, 서브 모니터엔 레이어 패널과 프로퍼티를 배치해둬요.
그리고 정말 중요한 건데, 키보드 레이아웃을 영어로 설정해두세요! 한글 입력 모드에서는 일부 단축키가 안 먹히거든요. 특히 텍스트 편집 중에 이런 문제가 자주 생겨요. 저는 Caps Lock 키를 한/영 전환으로 설정해서 빠르게 바꿀 수 있게 해뒀어요.
또 하나 팁을 드리면, 피그마 데스크톱 앱을 쓰시는 걸 강력 추천해요. 브라우저 버전보다 성능도 좋고, 단축키 충돌도 적어요. 특히 Cmd+Tab (윈도우에서는 Alt+Tab) 같은 시스템 단축키가 브라우저에서는 가끔 먹히지 않는데, 데스크톱 앱에서는 문제없이 작동합니다.
실무에서 가장 많이 쓰는 핵심 단축키 47개
실무에서 정말 자주 쓰는 단축키들을 카테고리별로 정리해뒀어요. 저도 처음엔 하나씩 외우느라 고생했는데, 지금은 손가락이 알아서 움직일 정도로 익숙해졌거든요. 근데 한 번에 다 외우려고 하지 마세요. 하루에 5개씩만 익혀도 충분해요.
가장 기본적인 것부터 시작해볼까요? 도구 선택 단축키들인데, 이거는 정말 필수예요. V키로 Selection Tool, F키로 Frame Tool, R키로 Rectangle Tool... 이런 식으로 외우면 되는데, 저는 VFRTO 순서로 외웠어요. 뭔가 브프로 같아서 기억하기 쉽더라고요 ㅎㅎ
도형 및 텍스트 생성 단축키
도형 생성 단축키는 피그마의 기본 중의 기본이에요. R (Rectangle), O (Ellipse), L (Line), Shift+L (Arrow), T (Text) 이 다섯 개만 제대로 익혀도 작업 속도가 확 달라져요. 특히 텍스트 도구인 T키는 하루에도 수십 번씩 누르게 될 거예요.
여기서 꿀팁 하나! Shift를 누르면서 도형을 그리면 정사각형이나 정원을 만들 수 있어요. 그리고 Alt를 누르면서 그리면 중심에서부터 확장되는 식으로 그려져요. 이 두 개를 조합하면 Shift+Alt로 중심에서 정사각형이나 정원을 그릴 수 있죠.
텍스트 관련해서는 Cmd+B (Bold), Cmd+I (Italic) 같은 기본적인 것들 외에도 Cmd+Shift+< 와 Cmd+Shift+>로 폰트 크기를 2px씩 조절할 수 있어요. 이거 은근 유용해서 자주 써요. 그리고 Option+Shift+위/아래 화살표로 줄 간격을 조절할 수도 있고요.
디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법 중에서도 가장 실용적인 건 펜 툴 관련 단축키예요. P키로 펜 툴을 선택하고, Shift를 누르면서 그리면 직선이나 45도 각도로 그려져요. 그리고 스페이스바를 누르면서 드래그하면 앵커 포인트를 이동할 수 있어요.
레이어 조작과 정렬 단축키
레이어 조작은 정말 중요해요. Cmd+G로 그룹 만들기, Cmd+Shift+G로 그룹 해제하기는 기본이고, Cmd+]와 Cmd+[로 레이어 순서를 바꿀 수 있어요. 그리고 Cmd+Shift+]와 Cmd+Shift+[로 맨 앞/맨 뒤로 보낼 수도 있고요.
레이어 이름 바꾸기는 Cmd+R인데, 이거 정말 자주 써요. 특히 컴포넌트 제작할 때는 레이어 이름이 중요하거든요. 그리고 Cmd+D로 복제하기도 엄청 많이 쓰는 단축키 중 하나예요. 선택한 오브젝트를 바로 복제해서 옆에 배치해줘요.
정렬 관련 단축키들도 알아두면 좋아요. 여러 오브젝트를 선택하고 Option+A를 누르면 좌측 정렬, Option+D면 우측 정렬이에요. 하지만 솔직히 말하면 이건 오른쪽 패널에서 클릭하는 게 더 직관적이긴 해요. 그래도 키보드에서 손을 떼기 싫을 때는 유용하죠.
마스크 관련 단축키도 꽤 유용해요. Cmd+Shift+M으로 마스크를 만들고, 마스크 해제는 다시 같은 단축키를 누르면 돼요. 이거 처음 알았을 때 진짜 신기했거든요. 그리고 클리핑 마스크는 Ctrl+Cmd+M (윈도우에서는 Ctrl+Alt+M)이에요.
고급 단축키 활용법과 생산성 극대화 전략
이제 좀 더 고급 단축키들을 알아볼까요? 이런 것들을 알면 진짜 고수처럼 보여요. 특히 컴포넌트 관련 단축키들은 디자인 시스템 구축할 때 필수거든요. 저도 이런 단축키들 덕분에 업무 효율이 엄청 올라갔어요.
고급 기능 중에서도 가장 실용적인 건 Quick Actions인데요, Cmd+/를 누르면 나오는 검색창이에요. 여기서 플러그인 실행부터 시작해서 거의 모든 기능을 검색할 수 있어요. 단축키를 까먹었을 때도 여기서 찾으면 되고요. 이거 하나만 알아도 피그마 활용도가 확 올라가요.
컴포넌트 제작 및 관리 단축키
컴포넌트 만들기는 Cmd+Option+K예요. 이거 정말 많이 써요. 버튼이나 카드 같은 반복되는 요소들을 컴포넌트로 만들어두면 나중에 수정할 때 한 번만 바꾸면 모든 인스턴스가 업데이트돼요. 진짜 혁신적이죠.
컴포넌트 인스턴스에서 마스터 컴포넌트로 이동하는 단축키도 있어요. 컴포넌트를 선택하고 Cmd+Option+G를 누르면 원본 컴포넌트로 이동해요. 이거 처음 알았을 때 정말 감동받았거든요. 그 전까지는 레이어 패널에서 일일이 찾아다녔는데 말이에요.
디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법에서 놓치기 쉬운 부분이 바로 Auto Layout 관련 단축키예요. Shift+A로 Auto Layout을 적용할 수 있고, 이미 Auto Layout이 적용된 상태에서는 방향을 바꿔줘요. 이거 정말 편해요.
그리고 컴포넌트 Variant 기능도 단축키로 관리할 수 있어요. 여러 상태의 컴포넌트를 선택하고 Cmd+Option+Shift+K를 누르면 Variant로 합쳐져요. 이름이 좀 복잡하긴 한데, 한 번 익숙해지면 정말 편해요.
프로토타이핑 단축키 활용
디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법에 대해 더 알고싶은 내용은 아래를 확인하세요!
Present 모드로 들어가는 건 Cmd+Option+Enter예요. 이거로 프로토타입을 미리보기할 수 있어요. 그리고 프레젠테이션 중에는 R키를 누르면 다시 시작하고, Esc로 나올 수 있어요. 클라이언트 앞에서 시연할 때 유용한 단축키들이죠.
인터랙션 설정할 때는 마우스를 많이 써야 하지만, 한 번 설정해둔 인터랙션을 복사할 때는 단축키가 유용해요. 인터랙션이 설정된 오브젝트를 선택하고 Cmd+C로 복사한 다음, 다른 오브젝트를 선택하고 Cmd+Shift+V로 속성만 붙여넣기할 수 있거든요.
오버레이 모달 같은 걸 만들 때는 Escape 키로 닫히도록 설정하는 경우가 많은데, 이것도 단축키로 할 수 있어요. 오버레이를 선택하고 프로토타입 패널에서 'Close on Click Outside'나 'Close with Esc' 옵션을 체크하면 돼요.
디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법에 대한 보다 자세한 내용은 아래 내용을 확인해보세요!
마지막으로 한 가지 더! 피그마에는 숨겨진 기능들이 정말 많아요. 예를 들어 Shift+1을 누르면 Zoom to Fit이고, Shift+2를 누르면 Zoom to Selection이에요. 이런 뷰포트 관련 단축키들도 익혀두시면 좋아요.
그리고 Comment 모드로 전환하는 C키도 협업할 때 정말 유용해요. 디자인 리뷰할 때 일일이 툴을 바꾸지 않고 바로 코멘트를 달 수 있거든요. 이런 작은 효율성들이 모여서 큰 생산성 향상으로 이어져요.
결론적으로 디자인 툴 Figma 단축키 초보자용 핵심 기능과 실무 활용법은 하루아침에 익힐 수 있는 게 아니에요. 꾸준히 연습하고 실무에 적용해가면서 체화시켜야 해요. 저도 아직도 새로운 단축키를 발견할 때가 있거든요. 하지만 기본적인 것들만 제대로 익혀도 작업 효율이 확 달라질 거예요. 여러분도 꼭 해보세요! ^^
볼만한 글
