IT Tech/figma

figma에서 요소간 간격확인하는 방법

Developer JS 2024. 5. 9. 16:48
반응형

이제까지는 figma를 개발 용도로 사용할 때, 회사에서 사용하는 계정으로 만든 프로젝트에 같이 참여하는 사람으로 등록해서 사용했기 때문에 figma의 유료 개발자 모드로 변경해서 요소의 간격을 비교적 쉽게 찾아서 사용할 수 있었다. 그런데, 나 혼자 디자인도 개발도 하려고 하면서 figma 무료 프로젝트를 생성해서 사용하니, 이게 무슨일이야? 개발자 모드를 켤 수 없었다. 그러니 요소간의 간격을 원래 사용하던 방식대로 찾을 수 없는 것이 아닌가? 

 

그래서 그 다음으로 찾아낸 방법이 어짜피 유로로 사용하는 adobe의 프로그램인 XD라는 프로그램을 이용해서 디자인을 하고, 간격을 찾아볼까 했는데 이것이 figma와 유사한 것이 아닌가! 어떻게 할까 고민하는 중에 옆에 계신 디자이너분에게 물으니 alt 버튼을 누르면 요소의 간격을 알 수 있다는 것이다. 

 

그래서 XD를 이용해서 디자인을 해보자 했는데, 오잉 figma 디자인 모드에서도 alt를 누르니 요소간의 간격을 확인 할 수 있다는 것을 확인했다. 물론 XD가 유료인 만큼 더 좋은 기능들을 포함하고 있을지도 모르지만, 내가 디자이너도 아니고, 그냥 계속 하던대로 figma를 통해서 디자인을 하기로 했다.

 

expample picture

 

이렇게 요소를 선택하고, 거리를 잴 요소에 alt버튼을 누른 상태로 마우스를 올리면 요소간의 간격을 알 수 있다!

 

정말 쉬운 방법이 있었네요~

 

728x90
반응형