피그마 기본 + 단축키

유용한 단축키

cmd + j = 두 점 사이에 선 잇기(한 패스로 이어짐)

• shift + cmd + j = 부드럽게 잇기

shift + 앵커 지우기 = 선 끊지 않고 지우기(필요 없는 앵커만 삭제)

cmd + r = 레이어 이름 바꾸기

opt + L = 프레임(레이어) 모두 닫기

opt + cmd + b = 컴포넌트 해제

cmd + shift + L = 오브젝트 잠그기

cmd + shift + opt + L = 모든 오브젝트 잠금 해제

cmd + / = 이것저것 기능 검색

shift + R = 자 꺼내기

cmd + opt + C = 프로퍼티 복사

cmd + e = flatten

flatten과 outlinestroke의 차이점

flattne = 레이어, 벡터를 병합
아웃라인 스트로크 = 선을 면으로만 전환
flatten 사용을 더 추천합니다.

---

이런게 있다

페인트 버킷

• 왼쪽 상단에 존재(라이브 페인트st)

그룹 안에 요소 선택하기 = 커맨드 누르고 선택하기

• 겉에 큰 요소만 선택돼서 더블클릭 해댔는데 이런 방법이 있다.

링크 생성 도구

• 링크 복사후 다르텍스트 선택하면 위에 뜬다.

백그라운드 블러

• 레이어의 투명도가 아닌, fill의 투명도를 조정해야 보인다.

---

프레임과 그룹의 차이

프레임

• 반응형 디자인에 적합

그룹

• 단순히 요소를 묶는 용도

---

constranints

☐ 네모 모양 패널이다.
프레임 안의 요소를 선택하면 우측에 뜬다.

컨테이너에 오브젝트가 착 달라붙어 따라오게 할 수 있다.🐶

레이아웃 그리드 + constraints를 활용한 탭 바 만들기

1. 아이콘 각각의 constraints를 센터로 설정
2. 레이아웃 컬럼 그리드(아이콘의 개수만큼 count)

이 상태에서 탭바를 늘려보면 균등하게 늘어난다(반응형)

---

스타일

을 설정하면,텍스트나 컬러 등
반복해서 써야하는 값들을 저장할 수 있다. css 변수다.

수정하기 용이하다.

그룹1/그룹2/스타일 이름

으로 이름을 지정하면 그룹화 된다.

---

아이콘 그리드 만들어 보기

1. 24x24의 프레임 제작
2. 그리드 4
3. 컬럼 2(거터 20을 마진으로 사용)
4. row 2(거터 20을 마진으로 사용)

요 안에다가 아이콘을 그리면 된다^^