반응형
협업툴 트렌드 1위 피그마! TIL 첼린지 6일차
오늘은 피그마에 대해 배웠다.
피그마는 최근 가장 인기 있는 협업툴로
- 피그마 짱짱맨
- 협업 능력 올라감
- 생산 효율 올라감
- ctrl + shift + / = 단축키 페이지
- ctrl + \ = 디자인 화면
- 피그마 프로그램 이해
- 현황
- 기업에서 피그마 도입이 많아지고 있다
- 협업에 적합한 형태로 워크프로세스 변화
- 디자인 툴 시장의 피그마 성장 상승 추세
- 피그마 장점
- 워크프로세스 개선
- 디자인 일관성 유지
- 피그마의 주기적인 업데이트
- Dev Mode
- Autolayout
- 피그마 주요 특징
- 실시간 협업 가능
- 항상 최신 버전
- 멀티플레이어 편집
- 상황별 피드백
- 프로토타이핑 - 상호작용 및 User Flow 미리보기
- 라이브 챗팅 - 슬래시키(/)를 클릭하면 말풍선이 활성화되어 메시지 작
- 음성 챗팅
- Dev mode
- 피그마 해상도
- dpi 개념
- 1인치에 들어가는 픽셀을 나타내는 단위
- 모든 디바이스에 대응이 가능하도록 X2, X3, X4 등이 제공된다
- dpi 개념
- 4px 그리드
- 4dp 그리드 : 4의 배수로 간격을 통일 시키는 것
- 4dp 그리드 사용 이유 : 깨지지 않는다
- shift + G = 레이아웃그리드 보기
- 현황
- 피그마 인터페이스 이해
- Design Mode
- ctrl + shift + P = Pixel preview (사용자가 실제 보는 디자인)
- Dev Mode
- 올해까지 무료
- Mark as ready for dev 개발자들이 필요한 것만 볼 수 있게 하는 기능
- 레이어 패널
- 구역설정 - 섹션
- 컨테이너 요소
- 오토레이아웃
- 프레임
- 그룹
- 재사용 가능 요소(일관성 유지)
- 컴포넌트
- 인스턴스
- 콘텐츠 요소
- 텍스트
- 셰이프
- 이미지
- 비디오
- 피그마 요약 위에서 가져다가 쓰고 오른쪽에서 디자인하고 왼쪽에서 관리
- 0..
- Clip content : 새로로 스크롤 시에 필요
- 말줄임표
- Design Mode
반응형