Figmapedia
목록으로 돌아가기
개발 모드 & 핸드오프

디자인 작업을 했는데 개발자가 안드로이드 코드 XML에서 폰트 크기나 굵기를 확인하기 어렵다고 합니다. 피그마에서 개발자에게 폰트 정보를 효과적으로 전달하는 방법이 있을까요?

오픈카톡방 2026. 3. 7.

피그마에서 개발자에게 폰트 크기나 굵기 같은 스타일 정보를 전달하는 방법은 여러 가지가 있습니다.

1. **Dev Mode 활용**: 피그마의 Dev Mode(개발자 모드)를 사용하면 개발자가 디자인 파일에서 직접 CSS, iOS, Android(XML) 코드 스니펫을 포함한 모든 디자인 속성을 확인할 수 있습니다. 폰트 크기, 굵기, 색상, 줄 간격 등 모든 텍스트 스타일 정보가 자동으로 생성됩니다.

2. **Inspect 패널**: 일반 디자인 모드에서도 우측 사이드바의 'Inspect' 탭에서 CSS/XML 속성을 확인할 수 있습니다.

3. **Text Styles**: 디자인 시스템에 텍스트 스타일을 정의해두면, 개발자가 해당 스타일의 이름만으로도 일관된 폰트 정보를 적용할 수 있습니다.

4. **주석(Comments)**: 특정 텍스트 요소에 대한 추가 설명이 필요할 경우 주석 기능을 활용할 수 있습니다.

개발자분이 피그마 사용에 익숙하지 않으실 수 있으니, Dev Mode 사용법을 안내해드리거나, 필요한 정보를 직접 추출하여 전달하는 방법을 고려해보세요.