피그마2 개발자가 꼭 알아야 할 피그마 10가지 기능 (디자이너와 개발자가 협업하기 위한 피그마 기본 기능) 피그마가 익숙하지 않은 개발자와 디자이너가 개발자와 협업하기 위해 기본적으로 적용해 두면 좋을 피그마 기능 10가지! 🖐🏻 참고 : only view 모드의 화면 캡처임. (edit view(편집가능), only view(편집불가) 모드에 따라 UI와 방법이 조금 다름.) 1. 디자인 스타일 아무것도 누르지 않은 상태에서 Inspect를 보면 기본 폰트, 컬러, 그리드 스타일이 정의되어 있다. 이것은 디자이너가 설정을 해둬야 확인 할 수 있으니, 혹시~ 이런 것이 보이지 않는다면... '자주 쓰는 폰트와 컬러를 스타일로 만들어주세요.' 라고 요청하기! (거절한다면 피그마를 제대로 활용하지 못하고 있는 디자이너일 확률이 높...) 2. 디자인 속성 속성을 알아야 할 객체 선택하고 오른쪽의 Inspect를 .. 2022. 9. 25. 내가 보려고 쓰는 피그마 단축키 모음 한동안 안쓰면 자꾸 까먹는 피그마 단축키 모음! (전체 피그마 단축키는 'Ctrl+shift+?'하면 종류별로 볼 수 있음.) 모양&변형 가로로 뒤집기 : Shift + v 세로로 뒤집기 : Shift + h 아웃라인깨기 : Ctrl + Shift + o 그리드 그리드 보기 : Ctrl + Shift + 4 컴포넌트 컴포넌트 만들기 : Ctrl + Alt + K 인스턴스 깨기 : Ctrl + Alt + B (컴포넌트는 바로 안깨지고 아예 삭제해야 하는 듯?) 컴포넌트 찾기/삽입 : Ctrl + I 오토레이아웃 생성 : Shift + a 오토레이아웃 제거 : Alt + Shift + a 컴포넌트 이름 한번에 수정하기 : 이름 변경할 컴포넌트 전체 선택 후, Ctrl + R (이름 끝에 자동 넘버링 가능) .. 2022. 1. 30. 이전 1 다음 반응형
