본문 바로가기

Tools/Figma

(3)
피그마(Figma) 선택 및 정렬 등 레이어 관련 단축키 여러 단축키 기능 중 레이어 관련 단축키를 알아놓으면 작업 속도 향상에 더 많은 도움이 되는 것 같다. 해서 이번에는 레이어에 관련된 단축키들만 모아 정리해보았다. # 깊은 레이어 선택 깊은 레이어 선택 Command + Click # 부모 - 자식 레이어 선택 자식(하위) 레이어 선택 Enter 부모(상위) 레이어 선택 Shift + Enter 다음 레이어 선택 Tab 이전 레이어 선택 Shift + Tab # 레이어 숨김 / 숨김 해제 선택한 레이어 숨김 Command + Shift + H 선택한 레이어 숨김 해제 # 레이어 배열 수정 앞으로 가져오기 Command + ] 뒤로 보내기 Command + [ 맨 앞으로 가져오기 ] 맨 뒤로 보내기 [ # 레이어 정렬 왼쪽 정렬 Option + A 오른쪽..
피그마(Figma) 투명한 레이어에 그림자 효과 추가하기 피그마에서 그림자 효과를 추가하는 방법은 간단하다. 그림자를 넣고 싶은 레이어를 선택 후 오른쪽 디자인 패널에서 아래와 같이 추가하면 된다. 문제는 그림자를 추가한 레이어의 불투명도(Opacity)가 100% 로가 아닌 경우로 적용해 본 사람이라면 알겠지만 아마 본인이 예상한 것과는 다르게 적용될 것이다. 바로 아래 예시에서 볼 수 있듯이 투명한 레이어에 그림자 효과를 추가하면 두 번째 이미지처럼 레이어 뒤로 그림자 효과가 비춰보여 투명한 레이어가 오히려 탁해 보이는 현상이 생기는 것이다. (왜 피그마는 그림자 효과가 이렇게 적용되게 만들었을까요...) 물론 위에서 봤듯이 레이어의 투명도를 살리면서 그림자 효과를 추가하는 것이 불가능하진 않다. 다만, 방법이 매우 비효율적이라 그림자 하나 추가하는데 이렇..
피그마(Figma) 알아두면 유용한 단축키 & 팁 프로그램을 사용할 때 작업 효율을 끌어올리기 위해 단축키를 활용하는 것만큼 효과적인 방법은 없는 것 같다. 그리고 거의 해마다 여러 디자인 관련 프로그램들이 새로 나오고 있지만 다행이 기본적인 단축키들은 그 결을 같이 하고 있어서 새로운 프로그램에 적응하는 일도 생각보다 어렵진 않다. 그럼에도 불구하고 사용 방법이 다른 단축키가 있기 마련이고 각 프로그램마다 고유 기능들이 있기 때문에 작업 효율을 올리려면 내가 원하는 기능을 어떻게 하면 더 편하게, 더 빨리 쓸 수 있을지 파악해두는게 좋다. 최근에 외주를 진행하면서 처음으로 피그마를 접하게 되었는데 앞서 말한 것처럼 기존에 익숙한 단축키를 사용해서도 충분히 작업이 가능하지만 아쉬웠던 부분과 유튜브에서 관련 영상들을 보면서 파악한 알아두면 유용한 단축키 ..