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

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

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

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

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

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

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

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

  

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

Dev Mode 시트

Figma Design 시트를 모두 보유한 사람이라면 누구나 Dev Mode에 액세스할 수 있습니다. Dev Mode는 오거니제이션 또는 엔터프라이즈 요금제에서 독립형 시트로도 사용할 수 있습니다. Figma Design 시트와 Dev Mode 시트는 Figma에서 유료 시트입니다.

관리자는 사용자에게 Dev Mode에 대한 액세스 권한을 부여하려면 항상 Dev Mode 업그레이드 요청을 승인해야 합니다.

요금제 및 가격에 대해 자세히 알아보기 →

Dev Mode 시트 업그레이드 요청

모든 Dev Mode 시트 업그레이드 요청에는 관리자 승인이 필요합니다. 요청은 Figma Design 및 FigJam 시트와 마찬가지로 관리자 패널에서 승인하고 사람 탭에서 관리할 수 있습니다. 팀의 워크플로에 대한 즉각적인 중단을 최소화하려면 뷰어는 승인을 기다리는 제한된 시간 동안 Dev Mode를 계속 사용할 수 있습니다.

스타터

• 스타터에서는 Dev Mode를 사용할 수 없으므로, Dev Mode에 액세스하려면 프로페셔널 요금제로 업그레이드하라는 메시지가 표시됩니다.

프로페셔널

• 풀 디자인 시트를 보유한 사용자는 Figma Design과 Dev Mode 간을 전환할 수 있습니다.
• 뷰어 제한 시트를 보유한 사람은 Dev Mode에서 풀 ****디자인 시트로의 업그레이드를 요청할 수 있습니다. 워크플로에 차질이 생기지 않도록 관리자의 승인을 기다리면서 일정 기간 동안 Dev Mode를 계속 사용할 수 있습니다.

오거니제이션 및 엔터프라이즈

• 풀 디자인 시트를 보유한 사용자는 중단 없이 Dev Mode를 계속 사용할 수 있습니다.
• 뷰어 제한 시트를 보유한 사람은 Dev Mode 시트를 요청할 수 있습니다. 워크플로에 차질이 생기지 않도록 관리자의 승인을 기다리면서 일정 기간 동안 Dev Mode를 계속 사용할 수 있습니다.

ELA 또는 사전 구매한 Dev Mode 시트가 있는 고객

• 풀 디자인 시트를 보유한 사용자는 중단 없이 Dev Mode를 계속 사용할 수 있습니다.
• Dev Mode 시트를 구매하거나 ELA에 해당 시트가 포함된 경우, Dev Mode를 사용하던 뷰어는 자동으로 Dev Mode 시트에 배정되어 중단 없이 계속 Dev Mode를 사용할 수 있습니다.
• 그렇지 않은 경우 뷰어는 Dev Mode 시트를 요청해야 합니다. 워크플로에 차질이 생기지 않도록 관리자의 승인을 기다리면서 일정 기간 동안 Dev Mode를 계속 사용할 수 있습니다.

Dev Mode 사용량을 어떻게 볼 수 있나요?

Dev Mode 시트가 어떻게 사용되고 있는지, 업그레이드가 필요한 사용자가 있는지 파악하려면 누가 Dev Mode를 사용했는지 검토해 볼 수 있습니다.

오거니제이션 및 엔터프라이즈 요금제의 경우 관리자는 관리자 패널의 사람 탭에서 Dev Mode 사용 정보를 찾을 수 있습니다. Dev Mode 열은 조직 내에서 어떤 사용자가 Dev Mode 시트를 가지고 있는지 나타냅니다.

멤버 보기 및 사용에 대해 자세히 알아보려면 멤버 및 게스트 보기 →를 참조하세요.

개발자는 Dev Mode 시트 없이도 디자인을 검사할 수 있나요?

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

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

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

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

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

• 개발 모드 가이드
• 검사 가이드