Figma의 Dev Mode는 개발자가 디자인 파일을 탐색하고 디자인을 코드로 변환하는 데 필요한 모든 것을 제공합니다. Dev Mode를 사용하면 디자이너와 개발자가 같은 정보를 공유할 수 있으므로 핸드오프 과정에서 중요한 세부 정보가 누락되지 않도록 할 수 있습니다.

개발자는 Dev Mode를 사용하여 다음 작업을 수행합니다.

• 고급 검사 기능과 더 많은 코드 생성 언어에 액세스합니다.

• 프레임 버전을 비교하여 마지막으로 파일을 본 이후 변경된 사항을 확인합니다.

• 상태 및 주석을 사용하여 개발 준비가 완료된 디자인을 빠르게 검토합니다.

• 개발자 중심의 통합(예: Jira, Storybook, GitHub)으로 워크플로를 간소화합니다.

• 플레이그라운드에서 디자인 시스템 컴포넌트를 탐색합니다.

• 코드의 티켓, 문서, 컴포넌트에 대한 링크로 디자인을 연결합니다.

  

Dev Mode 가이드에서 자세히 알아보기 →

데브 시트

풀 시트 또는 Dev 시트를 가진 사용자 누구나 Dev Mode에 액세스할 수 있습니다.

사용자는 현재 시트에서 Dev Mode 액세스가 제공되지 않는 경우 Dev Mode 액세스 요청을 제출할 수 있습니다. 관리자는 시트 승인 설정을 사용하여 들어오는 시트 요청을 관리할 수 있습니다.

Figma의 시트 관리에 대해 자세히 알아보세요.

개발자가 데브 시트 없이도 디자인을 검사할 수 있나요?

실제 작동 모습을 보고 싶으신가요? Figma의 DA인 Tom Lowry를 따라 보기 전용 환경을 둘러보세요 →

조직의 모든 사람에게 Dev Mode에 포함된 고급 기능이 필요한 것은 아닙니다. 고급 기능이 필요하지 않은 개발자도 무료 뷰어 시트를 통해 Figma Design을 사용하고, 속성 및 측정값 보기, 코드 복사, 에셋 내보내기 등 기본적인 검사를 수행할 수 있습니다. 관리자는 Dev Mode 시트를 관리하는 것과 마찬가지로 관리자 패널에서 Figma Design의 뷰어 시트를 필요로 하는 사용자를 관리할 수 있습니다.

Dev Mode를 사용하거나 사용하지 않고 검사하는 방법에 대해 자세히 알아보려면 검사 가이드를 참조하세요 →

개발자와 공유할 수 있는 유용한 리소스

다음은 오거니제이션의 개발자가 시트 유형 전반에 걸쳐 Figma에서 검사하는 데 익숙해지도록 도와주는 주요 문서입니다.

• Dev Mode 가이드
• 검사 가이드