줍줍하는 블로그 줍줍하는 블로그

※피그마 영문 버전 기준입니다. 피그마 사용법 정리 피그마에서는 Frame이라는 개념을 사용합니다. 피그마를 사용해보신 분이라면 A 또는 F 단축키를 이용해 프레임을 만들 수 있다는 걸 아실텐데요. 이 프레임 만드는 모습이 R키를 눌러 Rectangle을 만드는 모습과 똑같아, 이 둘의 차이점에 대해 설명이 필요할 것 같습니다. 피그마 Rectangle VS Frame Frame으로 도형을 만들 경우 피그마에서 제공하는 프레임에 대한 다른 옵션들을 설정할 수 있어 반응형 디자인에 유리합니다. 또, 프레임으로 만든 도형은 프레임의 사이즈가 변경되어도 틀 안 도형 요소에 대한 변형이 일어나지 않습니다. 그러나 Rectangle로 도형을 만들어 Group화 하여 이용하게 될 경우, Group 사이즈의 변경이 ..

Figma 오른쪽 패널 Design, Prototype, Inspect 피그마 디자인 패널 피그마 사용해보셨나요? UIUX의 떠오르는 툴셋 피그마의 기능에 대해 정리해보겠습니다. 오늘은 오른쪽 패널 중 Design 패널의 단축키를 정리해보겠습니다. ※피그마 영문 버전 기준입니다. 왼쪽 사진에 보이는 것이 피그마 UI 상 오른쪽에 위치한 Design 패널인데요, Design 패널에는 정렬과 오브젝트의 위치, 각도, 굴곡, 레이어, 면과 선, 컴포넌트 정보와 움직임 제한 그리고 내보내기 등에 대해 설정할 수 있습니다. 피그마 정렬 오브젝트 선택 후 정렬 또는 프레임안에서 정렬 버튼을 누를 경우 프레임 기준으로 정렬됩니다. 단축키 option (Alt) + A, W, S, D를 누르면 도형이 방향키처럼 따라 ..