Dev Mode에서 레이어에 개발 리소스 연결
시작하기 전에
이 기능을 사용할 수 있는 사용자
프로페셔널, 오거니제이션, 엔터프라이즈 요금제의 풀 디자인 시트에 포함되어 있습니다.
Dev Mode 기능은 Dev Mode 액세스 권한이 있는 사람은 누구나 사용할 수 있습니다.
개발 리소스는 개발자가 컴포넌트를 더 잘 이해하고 구축하는 데 도움이 되는 외부 문서를 누구나 추가할 수 있는 좋은 방법입니다. 개발 리소스는 Figma Design의 개체에 연결될 수 있으며, 종종 설명서나 소스 코드와 관련이 있습니다. 개발 리소스를 활용하여 다음 작업을 수행할 수 있습니다.
- GitHub 파일을 컴포넌트에 연결하여 소스 코드에 빠르게 액세스하기
- 목업의 특정 부분에 Jira 티켓 할당하기
- Storybook을 연결하여 Figma에서 스토리 보기
참고: 첨부된 개발 리소스에 관련 플러그인이 있는 경우, 링크를 클릭하면 Plugins(플러그인) 탭에서 해당 플러그인이 자동 실행됩니다.
개발 리소스로 연결
개발 리소스는 캔버스의 모든 레이어에 추가할 수 있습니다. 컴포넌트에 개발 리소스를 추가하면 해당 컴포넌트의 모든 인스턴스가 링크를 상속합니다. 컴포넌트 인스턴스에 개발 리소스가 추가되면 링크는 해당 인스턴스에 대해서만 표시됩니다.
개발 리소스에 연결하려면 다음 안내를 따르세요.
- 추가하려는 URL을 복사합니다.
- Dev Mode에서 캔버스의 레이어를 선택합니다.
- Inspect(검사) 패널에서 Dev resources(개발자 리소스) 옆에 있는 Add link(링크 추가)를 클릭한 다음 해당 링크를 붙여넣습니다.
- Enter 키를 누릅니다.
연결된 개발 리소스 제거
- Dev resources(개발 리소스)에서 링크 옆에 Additional options(추가 옵션)를 클릭합니다.
- Delete link(링크 삭제)를 선택합니다.
참고: 관련 플러그인이 있는 개발 리소스는 레이어에서 링크를 분리하는 방법이 다를 수 있습니다. Dev Mode에서 플러그인 사용에 대해 자세히 알아보기 →