개발 모드 & 핸드오프
데브 모드: 텍스트 스타일 개별 구분
피그마 오픈카톡방2026. 3. 7.
질문사항
텍스트 레이어 내에서 볼드체와 일반 텍스트를 함께 사용했을 때, 개발자 모드(Dev Mode)에서 각 텍스트 스타일이 개별적으로 구분되지 않는 것 같습니다. 특정 단어를 드래그해도 자세한 스타일 정보가 나오지 않는 이유가 무엇인가요?
답변
Figma의 개발자 모드(Dev Mode)는 텍스트 레이어 내에서 여러 스타일(예: 볼드, 일반)이 혼합되어 있을 때, 기본적으로 해당 레이어의 주된(혹은 첫 번째) 텍스트 스타일에 대한 정보를 제공합니다.
텍스트 레이어 내에서 부분적으로 스타일이 변경된 텍스트(예: 한 문장 내의 특정 단어만 볼드)는 개발자 모드에서 별도의 `<span>` 태그로 처리될 수 있지만, 각 `<span>` 태그에 대한 상세한 타이포그래피 스타일(폰트 사이즈, 굵기 등)을 개별적으로 보여주지는 않을 수 있습니다. 이는 개발자 모드가 주로 전체 텍스트 블록의 기본 스타일과 컴포넌트 속성을 중심으로 정보를 제공하기 때문입니다.
개발자에게 정확한 정보를 전달하려면, 다음과 같은 방법을 고려할 수 있습니다: