본문 바로가기
카테고리 없음

[UI DESIGN] 피그마 단축키로 업무 효율 높이기

by 태진진자라 2023. 10. 24.

[티끌] 피그마 단축키로 업무 효율 높이기

 

안녕하세요 티플의 디자이너 태진입니다.

저는 디자인툴을 쓸 때 유별나게 단축키를 쓰지 않는.. 노가더 손 작업자 였는데요

시간과 싸워야 하는 디자인업계 특성 상 이런 비효율을 줄이고자

업무 효율을 늘려주는 피그마 단축키 몇 가지를 소개해 드리려 합니다!


🖌️  피그마 현재 단축키 설정 확인하기

디자이너들이 주로 사용하는 어도비툴과 비슷하지만 미묘하게 다른 피그마 단축키, 헤매면서 익히기보다 한 번 확인해 보세요!

대부분의 단축키를 확인해 볼 수 있습니다.

 

control + shift + /

입력하면 피그마 하단에 아래 이미지 처럼 설정을 확인할 수 있습니다.

 

 

 

🖌️  오토 레이아웃 혹은 그룹화된 에셋 집어서 고르기

작업량이 많아질수록 그룹화로 에셋들을 정리하게 되지만 그럴수록 뎁스가 늘어나서 작업중에 불편함을 느끼게 되는 경우가 많은데요

 

control + click  /  control + shift + click

뎁스와 무관하게 원하는 에셋 선택 가능  /  뎁스 안에서 여러 에셋 동시에 선택

 

 

 

🖌️  특정 프레임 공유하기

협업 과정에서 다른 팀원에게 소수의 프레임을 공유할 때 유용한 기능입니다. 항상 png로 추출하거나 캡처해서 메신저로 보냈지만
이렇게 복사하여 송부하면 손이 덜 가고 직접 만져볼 수 있어요!

 

control + L

 

 

 

 

🖌️  컬러코드 확인하기

커서와 관련없이 i 를 누르면 PICK COLOR기능으로 커서 위치에 따라 컬러코드를 확인할 수 있어요
상단에 고정으로 표시되어 컬러 작업할 때 켜두고 이용하면 업무 시간 단축에 도움이 됩니다. 

 

I

 

 

 

🖌️  레이어 이름 여러개 동시에 변경하기

쌓여있는 레이어들의 이름을 한번에 변경할 수 있고 순서대로 넘버링 또한 가능합니다.

 

변경할 레이어 동시 선택 + command + R

 

 

 


🖌️  마치며

디자인 툴 마다 단축키가 조금씩 달라 혼용할 때 손이 꼬일때도 있지만

자주 쓰는 피그마나 주요 어도비 툴은 아무래도 단축키를 숙지해야 작업시에 편하기에..

본 글이 조금이나마 도움이 되었으면 좋겠습니다!