피그마의 특성

웹 기반 (Web based)이기 때문에
모든 작업물이 실시간으로 저장

 

메인디자인_최종_최종_copy.psd

새로운 psd를 복제해서 최종 파일을 만들었던 때가 있다.

또는 실수로 덮어쓰거나 그 제목이 비슷해 삭제해버리거나 헷갈리는 경우가 많았다.

 

그러나 피그마는 한 프레임 또는 파일 안에서 버전을 관리할 수 있다.

(타임라인 형태로, 타이틀과 내용을 적어 버전 관리 가능)

 

Menu > File > Show Version History 

 

 

 

---

 

Constraint
제약 조건
반응형 디자인(각 디바이스마다 너비 설정)에
최적화된 디자인툴
[필수 공부]

134p

105p

---

 

Components and Styles
Component & Instance(인풋박스 또는 버튼 그 외)구성요소의 일관성 있는 작업을 위한 툴
/
스타일 지정(색상, 타이포그래피, 이펙트, 레이아웃)
공통 스타일을 지정하고, 공유하며, 최신상태로 바로 업데이트됨
[필수 공부]

 

디자인 요소들의 스타일 지정

 

 

Component & Instance

 

 

 

팀 라이브러리 > 공통으로 사용해야 할 디자인 요소와 요소들의 스타일이 특정 공간에 모여 있고 최산파일 공유

 

---

 

레이어만 봐도 어떤 형태의 구성인지 알 수 있다
(특성보다 장점)

 

 

 

---

팀라이브러리
피그마를 만든 이들은 디자이너가 무엇을 원하고 있는지 정확하게 이해하고 만든 프로그램
팀 단위로 협업할 때
어떤 점이 힘든지를 고려하여,
구성원이 원활하게 소통하고 쉽게 동기화하는 데 필요한 사항 등을
지속적으로 개선

 

타이틀 우측 아래 꺽새

>

Publish Styles and Components

165p

 

피그마의 강력 장점

 

1. 팀원들 간에 파일을 주고받지 않아도 된다.

2. 제 3의 공간에 파일을 업로드하여 다른 팀원이 다운로드하도록 할 필요가 없다.

3. 서로 다른 포맷의 파일을 변환할 필요가 없다.

4. 서로 다른 포맷의 파일을 변환할 필요가 없다.

5. 작업물의 버전 관리를 따로 할 필요가 없다.

6. 작업 중인 파일에서 바로 즉각적인 피드백을 주고 받을 수 있다.

 

 

 

---

출처

웹디자인 & 웹퍼블리싱 피그마 완벽 활용서