Basic Tools
- Scale ( K )
: 그룹핑된 여러 개체 크기를 동시에 조절할 때 사용 - Frame
: 작업영역. Frame안에 Frame이 들어갈 수 있다. - Section
: Frame을 묶는다. - 도형그리기
- 사각형
- Radios: 꼭지점 둥글게
- Corner smoothing: 꼭지점으로 향하는 모서리 부분 다듬기
- Line
- 화살표 추가 가능, 점선 가능
- 원
- 팩맨모양
- 원형차트모양
- 삼각형, 별
- 끝부분의 점을 위 아래로 내리면, 다각형으로 변환
- 아웃라인 스트로크: 틀깨기
- 이미지 삽입
- Place Image
- 도형을 그린 뒤, Fill로 그림 불러오기
- 도형과 그림을 겹쳐놓고, 상단 메뉴의 mask 씌우기
- 펜
- 직선, 곡선(드래그)
- Done: 완료
- 더블클릭: 재작업
- 선과 선 중앙에 마우스를 올리면 점 추가 가능
- 추가된 점은 기존의 Radios를 그대로 따라감.
- 점 별로 Radios 변경은 가능
- 직선 > 곡선, 곡선 > 직선
- Ctrl + 점 드래그
- 연필
- 주로 협업할 때, 의사소통 용으로 사용.
- 텍스트
- Line Height(글자 상/하단 여백) vs Paragraph spacing(줄간격)
- 텍스트 영역 조절
: Auto width, Auto height, Fixed size - 채우기/선
- 도형 합치기
- 두 도형을 겹쳐놓고, 상단의 Union Selection
- 합친 뒤에도 개별 도형에 대해 언제든지 수정 가능하다.
Style
- Color Style
: 색상을 저장해서, 적용할 수 있다. - Font Style
- Window 폰트 가져오지 못한 경우 설치
https://www.figma.com/ko-kr/downloads/
Auto layout
- Shift + A
- 여백을 고정할 수 있다.
- 겹쳐지지 않는다. (간격을 '-' 값으로 해서 겹칠 수 있다.)
- 방향성이 존재한다. (가로, 세로)
- 복/붙 한번에 하기: 선택된 상태에서 ctrl+D
- Resizing
- Fixed width
- Hug contents
- Fill container
Constraints
- Auto layout 이 아닌 상태에서
, Frame 크기 변경에 따라 정렬을 지정할 경우 - Left, Right, Center
: 위치 고정 - Left and right, Scale
: 리사이징
Component
- Ctrl + Alt + K
- 원본(component) - 복사본(instance)
- Component Set / Instance Swap
: Properties로 구분지어 사용한다. - Boolean
: visible/unvisible 기능 - Text
: 텍스트 변경
Tags:
서비스기획_Tool
