오즈코딩스쿨 디자인캠프

오즈코딩스쿨 베이스캠프(디자이너 ) #11 피그마 기본개념

송송미미 2026. 5. 18. 13:39

피그마 소개

- 클라우드 기반 디자인 툴: 인터넷 연결만 있으면 어디서든 작업할 수 있음, 실시간 협업 가능

- 디자인 및 프로토타입 제작: uxui 디자인, 인터랙션 디자인, 아이콘 제작 등 디자인 작업에 활용

 

장점

- 협업 기능: 여러 사용자가 동시에 같은 파일에서 작업가능

- 버전 관리: 자동 저장과 버전 기록을 통해 이전 상태로 쉽게 복구

- 플러그인 지원: 다양한 플러그인을 통해 워크플로우를 확장할 수 있음

 

피그마 인터페이스의 주요 구성요소

툴바 (하단)

- 주요도구: Select Tool.Frame Tool, Shape 도구, Pen tool, Text Tool, 등

- 상황별 단축기: 작업 효율을 높이는 단축기(V, R, T) 를 함께 학습. 

 

레이어 패널 (좌측)

- 게층적 구조: 페이지, 프레임, 그룹, 개별 오브젝트로 구성되며, 각 요소의 순서와 계픙을 확인 및 조절 가능

 

숙성 패널(우측)

- 스타일 및 소석 조절: 선택한 오브젝트의 색상, 크기 위치. 그림자, 테두리 등 세부 속성을 설정할 수 있음

 

기타 기능

- 코멘트 기능: 팀원과 피드백 및 의견 공유

- 파일 및 버전 관리 : 이전 버전 확인 및 히스토리 관리  

 

 

<실습 후기>

 

이번 실습은 피그마 생성하여 각종 기능을 한번 보는거였는데 이미 겉으로는 아는 기능이라 한번 다시 봄, 하지만 아직 주요 세세한 기능까지는 알기 어려워 이번에 한번 배워봐야지