Jira와 Figma
Jira 소프트웨어는 애자일 팀을 위한 프로젝트 및 문제 추적 도구입니다. Jira 소프트웨어를 사용해 디지털 제품을 계획, 추적하고 출시를 관리하세요.
- Kanban 보드, Scrum 보드, 로드맵을 사용해 프로젝트 만들기
- 스프린트 계획, 작업 우선순위 설정 및 소프트웨어 팀에 배포
- 팀의 성과를 보여주는 실행 가능한 실시간 통계 보고서에 액세스
- Jira 소프트웨어를 다른 Atlassian 도구에 연결
Figma를 Jira 소프트웨어에 연결할 수 있습니다. 이렇게 하면 디자인 파일과 프로토타입을 Scrum 또는 Kanban 보드의 문제 또는 에픽에 추가할 수 있습니다.
이 통합을 사용하려면 Jira 소프트웨어 계정을 생성해야 합니다. 그러나 이 통합을 사용해 Jira Align 또는 Jira Service Desk에 임베드를 추가할 수는 없습니다.
실시간 Figma 파일을 다른 도구에 임베드하는 방법에 대해 자세히 알아보기 ->
Figma for Jira 앱 설치
Jira 소프트웨어에 파일과 프로토타입을 임베드하려면 Figma 앱을 Jira 계정에 추가해야 합니다.
Jira 계정 내의 어느 위치에서나 이 작업을 수행할 수 있습니다.
-
메인 메뉴에서 앱 > 앱 관리로 이동합니다.
-
왼쪽 사이드바에서 새 앱 찾기를 클릭하고 Figma 앱을 검색합니다.
-
검색 결과에서 Figma 앱을 클릭하고 앱 목록의 오른쪽 상단에서 앱 다운로드를 클릭합니다.
-
앱 다운로드를 클릭하여 Figma 앱을 계정에 추가합니다.
Figma for Jira 앱을 설치하면 Jira 문제에 디자인 섹션이 생깁니다. 여기에서 Figma 실시간 임베드를 추가하고 볼 수 있습니다.
Jira에 파일 또는 프로토타입 추가
파일의 링크 공유 설정과 상관없이 모든 파일 또는 프로토타입을 임베드할 수 있습니다. 협업자는 다음에 따라 Figma 실시간 임베드와 상호 작용할 수 있습니다.
Jira 소프트웨어에서 디자인 파일 연결
여러 개의 Figma 파일을 문제에 연결할 수 있으며 디자인이 업데이트되면 Jira에서 나가지 않고도 알림을 받을 수 있습니다.
팁: Figma design 파일이 연결된 Jira 문제가 있으면 보드 보기에 디자인 연결 아이콘이 표시됩니다. 디자인 아이콘에 마우스 커서를 올리면 디자인 정보 및 마지막으로 업데이트된 시간을 확인하거나, Figma 링크에 액세스하거나, Jira의 확장된 보기에서 디자인을 바로 확인할 수 있습니다.
문제에 디자인을 추가하면 개발 모드에서 Figma 파일의 개발 리소스에 Jira 링크가 자동으로 추가됩니다. 개발 리소스 링크를 클릭하면 Figma에서 나가지 않고 Jira 플러그인에서 문제를 열 수 있습니다.
개발 모드에서 개발 리소스를 사용하는 방법에 대해 자세히 알아보기 →
- 임베드를 추가하려는 Jira 문제를 엽니다.
- 디자인 섹션이 표시되지 않으면 제목 아래의 디자인 추가를 클릭합니다. 동기화를 클릭해 이전에 연결된 디자인을 확인할 수도 있습니다.
- 필드에 Figma URL을 붙여넣고 연결을 클릭합니다.
- 이제 Jira에서 나가지 않고도 파일을 확인할 수 있습니다. 썸네일을 클릭하여 디자인 미리보기를 펼치세요. 프로토타입을 클릭하면 새 탭에서 파일이 열립니다.
- (디자인 섹션) 기호를 클릭하여 여러 개의 파일을 연결합니다.
팁: JQL 검색을 사용해 대기 중 상태거나 연결된 디자인이 개발 준비 완료로 표시된 Jira 문제를 빠르게 찾아보세요. 일괄 업데이트를 빠르게 수행하고, 연결된 디자인에 관한 기준으로 보고서를 내보내고, 효과적으로 작업의 우선순위를 정할 수 있습니다.
Jira 플러그인으로 디자인 파일 연결
디자인을 코드로 전환할 때 Jira 플러그인을 통해 전체 컨텍스트를 확인하세요. 이 플러그인을 사용하면 Jira 문제를 Figma 페이지나 레이어에 연결할 수 있으므로 언제든지 필요한 관련 정보를 확인할 수 있습니다.
Jira 플러그인을 사용해 다음 작업을 수행하세요.
- 기존 Jira 문제를 Figma 파일의 페이지나 레이어에 내보내 연결하세요. 그러면 개발자가 자신에게 필요한 모든 관련 컨텍스트에 손쉽게 액세스할 수 있습니다.
- 연결된 Jira 문제를 Figma에서 바로 확인하세요. 그러면 디자인 구현 중 컨텍스트 전환을 줄일 수 있습니다.
- Figma에서 바로 새로운 Jira 문제를 만드세요. 그러면 계획 수립이나 핸드오프의 일환으로 새로운 문제를 작성해야 하는 경우에도 흐름에서 벗어나지 않을 수 있습니다.
Jira 플러그인을 사용하여 디자인을 문제에 연결하면 디자인 섹션 아래의 Jira 문제에 디자인 파일 링크가 자동으로 추가됩니다.
Figma에서 Jira 플러그인을 사용하려면 다음 단계를 따르세요.
- 디자인 파일에서 Jira 플러그인을 실행합니다. 이 플러그인은 디자인 모드와 개발 모드 모두에서 사용 가능합니다.
파일에서 플러그인을 사용하는 방법에 대해 자세히 알아보기 → - 임베드할 특정 페이지나 레이어를 선택합니다.
- 문제 만들기를 클릭하여 Jira에 새로운 문제를 추가하거나 문제 연결을 클릭하여 기존의 Jira 문제를 선택한 페이지나 레이어에 연결합니다.
- 문제가 연결되면 Jira 플러그인 내에서 문제의 세부정보를 확인할 수 있습니다.
참고: 플러그인을 사용해 문제를 디자인에 연결하면 문제가 개발 모드의 개발 리소스에 링크로 추가되므로 문제를 확인할 수 있는 위치가 하나 더 생깁니다.
Jira 위젯에서 문제 만들기
Jira 위젯을 사용해 Jira 프로젝트와 모든 관련 문제를 캔버스로 불러오고 팀에게 알리세요. Figma 또는 FigJam에서 담당자, 우선순위, 상태, 문제 유형을 바로 조정하고 Jira에서 신뢰할 수 있는 출처를 관리하세요. 이러한 항목을 Jira 문제라는 형태를 통해 새로운 할 일로 캡처할 수 있으며, Figma의 관련 디자인을 연결할 수도 있습니다.
Figma design
디자인 파일에서 Jira 위젯을 실행하면 디자인에서 문제를 만들 수도 있고 기존 문제나 프로젝트를 가져올 수도 있습니다.
파일에서 위젯을 사용하는 방법에 대해 자세히 알아보기 →
디자인에서 문제를 만들려면 다음 단계를 따르세요.
- 위젯에서 디자인에서 문제 만들기를 클릭합니다.
- 문제의 간단한 요약을 추가합니다.
- 디자인을 어디에서 추가할지 선택합니다. 선택한 프레임이나 현재 페이지에서 디자인을 추가할 수도 있고, Figma 링크에서 붙여넣어서 추가할 수도 있습니다.
- 드롭다운에서 프로젝트를 선택하여 새로운 문제를 추가합니다.
- 드롭다운에서 문제 유형을 선택합니다.
- 만들기를 클릭하여 문제를 만듭니다. 문제는 파일 안에 드래그할 수 있는 개체로 표시됩니다.
FigJam
FigJam 파일에서 Jira 위젯을 실행하면 스티커 메모를 문제로 전환할 수도 있고, 기존 문제나 프로젝트를 가져올 수도 있습니다.
스티커 메모를 문제로 전환하려면 다음 단계를 따르세요.
- 문제로 전환할 스티커 메모를 1개 이상 선택합니다.
- 위젯에서 스티커 메모를 문제로 전환을 클릭합니다.
- 드롭다운에서 프로젝트를 선택하여 새로운 문제를 추가합니다.
- 드롭다운에서 문제 유형을 선택합니다.
- 스티커 메모 변환을 클릭하여 문제를 생성합니다. 스티커 메모가 캔버스에서 드래그할 수 있는 개체로 전환된 것을 볼 수 있습니다.
디자인 업데이트됨 태그 보기
디자인 썸네일에 디자인 업데이트됨 태그를 표시하려면 디자인 업데이트 확인에서 Jira 관리자에게 Jira에 Figma 연결을 요청하세요. 문제를 마지막으로 확인한 이후로 연결된 디자인이 업데이트된 경우 이 태그가 표시됩니다.
Jira 관리자는 Jira 사이트를 사용해 모든 팀의 Figma 팀 URL을 추가해야 합니다.
Figma에서 팀 URL을 확인하려면 다음 단계를 따르세요.
Enterprise 요금제
- 파일 브라우저의 왼쪽 사이드바에서 모든 작업공간을 클릭합니다.
- 나의 팀에서 특정 팀을 마우스 오른쪽 버튼으로 클릭합니다.
- 링크 복사를 선택합니다.
Organization 요금제
- 파일 브라우저의 왼쪽 사이드바에서 모든 작업공간을 클릭합니다.
- 특정 팀을 마우스 오른쪽 버튼으로 클릭합니다.
- 링크 복사를 선택합니다.
Starter/Pro 요금제
- 파일 브라우저의 왼쪽 사이드바에서 특정 팀을 마우스 오른쪽 버튼으로 클릭합니다.
- 팀에 링크 복사 를 선택합니다.
참고: Jira 문제에 디자인 업데이트됨 태그가 표시되려면 먼저 활성 상태의 모든 사용자가 Figma design 파일이 연결된 모든 브라우저 탭을 닫아야 합니다.
연결된 디자인을 사용해 워크플로 자동화
수동 프로세스를 자동화하여 시간을 절약하고 디자인 팀과 개발 팀 간의 협업을 개선하세요. Jira의 디자인 자동화를 사용하면 개발자에게 디자인 변경사항을 알리고, 문제 상태를 전환하고, 디자인이 있는 문제에 간편하게 라벨을 추가할 수 있습니다.
Jira 프로젝트에서 연결된 디자인으로 자동화를 설정하려면 다음 단계를 따르세요.
- 왼쪽 사이드바에서 프로젝트 설정 > 자동화로 이동합니다.
- 템플릿 탭을 클릭합니다.
- 디자인 섹션에서 설정할 자동화를 선택합니다.
- 규칙 사용 설정을 클릭합니다. 규칙 이름 옆에 표시되는 상태가 사용으로 변경됩니다.
자동화 아래의 규칙 탭에서 자동화를 사용하지 않도록 설정하거나 삭제할 수 있습니다.
Jira의 작업 및 프로세스 자동화에 대해 자세히 알아보기 →
Jira에서 Figma 제거
단일 임베드를 제거할 수도 있고, Figma 앱을 제거하여 앱과 모든 Figma 임베드를 제거할 수도 있습니다.
임베드 제거
특정 파일이나 프로토타입을 삭제하려면 Jira 문제에서 제거하면 됩니다.
- 임베드를 제거하려는 문제를 엽니다.
- 임베드 옆의 디자인 제거를 클릭합니다.
-
해당 Jira 문제에서 임베드가 제거됩니다.
Jira 앱에서 Figma 제거
Jira와 Figma 계정의 연결을 해제하려면 Figma 앱을 제거하면 됩니다. 이렇게 하면 임베드된 파일이나 프로토타입도 보드에서 제거됩니다.
- Jira에서 보드를 엽니다.
- 메뉴 표시줄에서 앱을 클릭하고 앱 관리를 선택합니다.
- Figma 애플리케이션 옆의 화살표를 클릭하여 확장합니다.
- 제거 버튼을 클릭합니다.