Dev Mode에서 측정값을 추가하고 디자인에 어노테이션 달기

디자인이 변경되더라도 최신 상태로 유지되는 어노테이션과 측정값을 통해 보다 빠르고 투명한 핸드오프를 만듭니다.

디자이너는 어노테이션을 사용하여 주요 세부 사항을 디자인에 직접 전달하고 연결할 수 있습니다.

• 개발자가 놓치지 않도록 중요한 속성을 강조합니다.
• 개발자가 간격과 크기와 같은 사양을 빠르게 시각화할 수 있도록 돕습니다.
• 텍스트 노트로 추가 컨텍스트를 공유합니다.

개발자는 Dev Mode에서 작업하는 동안 디자이너의 어노테이션을 실시간으로 확인할 수 있으므로, 핸드오프 중에 중요한 콜아웃을 놓치지 않을 수 있습니다.

디자인에 측정값 추가하기

측정값을 추가하면 개발자가 간격과 크기를 빠르게 시각화할 수 있습니다.

디자인에 측정값을 추가하려면 다음 안내를 따르세요.

1. 도구 모음 오른쪽 상단의 Dev Mode 토글을 클릭하거나 키보드 바로가기 Shift D를 사용합니다.
2. 도구 모음에서 측정을 클릭하거나 키보드 바로가기 Shift M을 사용합니다.
3. 측정을 시작할 위치에 대한 옵션을 보려면 레이어 위에 마우스를 올려 놓습니다.
4. 시작점에서 측정을 끝낼 레이어까지 클릭하고 드래그합니다.
5. 디자인을 가리지 않도록 측정값을 클릭하여 드래그합니다.

디자인에 어노테이션 추가하기 

디자이너는 어노테이션을 추가하여 컨텍스트를 제공하고, 디자인 속성을 정의하거나, 개발자가 디자인을 코드로 변환할 수 있도록 기타 관련 정보를 전달할 수 있습니다. 자유 텍스트와 정렬 방향 또는 크기 조정 같은 정의된 속성의 조합에 어노테이션을 달 수 있습니다. 나중에 디자인이 업데이트되더라도 어노테이션 속성은 최신의 정확한 상태로 유지되므로 번역 과정에서 손실되는 것이 없습니다.

디자인에 어노테이션을 추가하려면 다음 안내를 따르세요.

1. 도구 모음 오른쪽 상단에 있는 Dev Mode 토글을 클릭하거나 키보드 바로가기 Shift D를 사용합니다.
2. 도구 모음에서 어노테이션을 클릭하거나 키보드 바로가기 Shift T를 사용합니다.
3. 어노테이션을 달려는 레이어를 선택합니다.
4. 텍스트 필드에 메모를 작성하거나 + Property(+ 속성)를 클릭하여 목록에서 속성을 선택합니다. 어노테이션에 일반 텍스트와 속성을 모두 포함할 수 있습니다.

주석 숨기기

기본적으로 Figma Design 파일의 모든 어노테이션은 Dev Mode에서 볼 수 있습니다. 어노테이션을 숨기려면 다음 안내를 따르세요.

1. 도구 모음에서 메인 메뉴를 클릭합니다.
2. 드롭다운에서 View(보기) 위로 마우스 커서를 올립니다.
3. Annotations(어노테이션)를 선택 해제합니다.