관리자용 Dev Mode
이 문서는 이전 Figma UI와 새로운 Figma UI에서 모두 확인할 수 있습니다. 페이지 왼쪽 하단의 토글을 사용하여 현재 UI를 선택하세요. UI3 알아보기: Figma의 새 디자인 →
Figma의 Dev Mode는 개발자가 디자인 파일을 탐색하고 디자인을 코드로 변환하는 데 필요한 모든 것을 제공합니다. Dev Mode를 사용하면 디자이너와 개발자가 같은 정보를 공유할 수 있으므로 핸드오프 과정에서 중요한 세부 정보가 누락되지 않도록 할 수 있습니다.
개발자는 Dev Mode를 사용하여 다음 작업을 수행합니다.
-
고급 검사 기능과 더 많은 코드 생성 언어에 액세스합니다.
-
프레임 버전을 비교하여 마지막으로 파일을 본 이후 변경된 사항을 확인합니다.
-
상태 및 주석을 사용하여 개발 준비가 완료된 디자인을 빠르게 검토합니다.
-
개발자 중심의 통합(예: Jira, Storybook, GitHub)으로 워크플로를 간소화합니다.
-
플레이그라운드에서 디자인 시스템 컴포넌트를 탐색합니다.
-
코드의 티켓, 문서, 컴포넌트에 대한 링크로 디자인을 연결합니다.
데브 시트
풀 시트 또는 Dev 시트를 가진 사용자 누구나 Dev Mode에 액세스할 수 있습니다.
시트 | 포함 사항 |
풀 |
|
개발 |
|
콜라보 |
|
보기 |
|
사용자는 현재 시트에서 Dev Mode 액세스가 제공되지 않는 경우 Dev Mode 액세스 요청을 제출할 수 있습니다. 관리자는 시트 승인 설정을 사용하여 들어오는 시트 요청을 관리할 수 있습니다.
참고: 스타터 요금제에서는 Dev Mode를 사용할 수 없습니다.
개발자가 데브 시트 없이도 디자인을 검사할 수 있나요?
실제 작동 모습을 보고 싶으신가요? Figma의 DA인 Tom Lowry를 따라 보기 전용 환경을 둘러보세요 →
조직의 모든 사람에게 Dev Mode에 포함된 고급 기능이 필요한 것은 아닙니다. 고급 기능이 필요하지 않은 개발자도 무료 뷰어 시트를 통해 Figma Design을 사용하고, 속성 및 측정값 보기, 코드 복사, 에셋 내보내기 등 기본적인 검사를 수행할 수 있습니다. 관리자는 Dev Mode 시트를 관리하는 것과 마찬가지로 관리자 패널에서 Figma Design의 뷰어 시트를 필요로 하는 사용자를 관리할 수 있습니다.
Dev Mode를 사용하거나 사용하지 않고 검사하는 방법에 대해 자세히 알아보려면 검사 가이드를 참조하세요 →
개발자와 공유할 수 있는 유용한 리소스
다음은 조직의 개발자가 시트 유형 전반에 걸쳐 Figma에서 검사하는 데 익숙해지도록 도와주는 주요 문서입니다.
Figma의 Dev Mode는 개발자가 디자인 파일을 탐색하고 디자인을 코드로 변환하는 데 필요한 모든 것을 제공합니다. Dev Mode를 사용하면 디자이너와 개발자가 같은 정보를 공유할 수 있으므로 핸드오프 과정에서 중요한 세부 정보가 누락되지 않도록 할 수 있습니다.
개발자는 Dev Mode를 사용하여 다음 작업을 수행합니다.
-
고급 검사 기능과 더 많은 코드 생성 언어에 액세스합니다.
-
프레임 버전을 비교하여 마지막으로 파일을 본 이후 변경된 사항을 확인합니다.
-
상태 및 주석을 사용하여 개발 준비가 완료된 디자인을 빠르게 검토합니다.
-
개발자 중심의 통합(예: Jira, Storybook, GitHub)으로 워크플로를 간소화합니다.
-
플레이그라운드에서 디자인 시스템 컴포넌트를 탐색합니다.
-
코드의 티켓, 문서, 컴포넌트에 대한 링크로 디자인을 연결합니다.
데브 시트
풀 시트 또는 Dev 시트를 가진 사용자 누구나 Dev Mode에 액세스할 수 있습니다.
시트 | 포함 사항 |
풀 |
|
개발 |
|
콜라보 |
|
보기 |
|
사용자는 현재 시트에서 Dev Mode 액세스가 제공되지 않는 경우 Dev Mode 액세스 요청을 제출할 수 있습니다. 관리자는 시트 승인 설정을 사용하여 들어오는 시트 요청을 관리할 수 있습니다.
참고: 스타터 요금제에서는 Dev Mode를 사용할 수 없습니다.
개발자가 데브 시트 없이도 디자인을 검사할 수 있나요?
실제 작동 모습을 보고 싶으신가요? Figma의 DA인 Tom Lowry를 따라 보기 전용 환경을 둘러보세요 →
조직의 모든 사람에게 Dev Mode에 포함된 고급 기능이 필요한 것은 아닙니다. 고급 기능이 필요하지 않은 개발자도 무료 뷰어 시트를 통해 Figma Design을 사용하고, 속성 및 측정값 보기, 코드 복사, 에셋 내보내기 등 기본적인 검사를 수행할 수 있습니다. 관리자는 Dev Mode 시트를 관리하는 것과 마찬가지로 관리자 패널에서 Figma Design의 뷰어 시트를 필요로 하는 사용자를 관리할 수 있습니다.
Dev Mode를 사용하거나 사용하지 않고 검사하는 방법에 대해 자세히 알아보려면 검사 가이드를 참조하세요 →
개발자와 공유할 수 있는 유용한 리소스
다음은 조직의 개발자가 시트 유형 전반에 걸쳐 Figma에서 검사하는 데 익숙해지도록 도와주는 주요 문서입니다.