인프런 커뮤니티 질문&답변

까비님의 프로필 이미지

작성한 질문수

피그마 배리어블을 활용한 디자인 시스템 구축하기

브랜치 지정 사용시 개발 버전관리 문의

해결된 질문

24.08.09 22:14 작성

·

61

0

피그마 베리어블 강의 잘 듣고 현재 개발자와 회사 디자인 시스템 가이드 구축중입니다.

피그마에서 브런치 기능이 있는데요..

브런치 기능과 깃업을 연결해서 버전 관리 하는 방법이 있는지 문의 드리고.

혹시 그런 기능이 없다면, 개발 버전 관리를 어떤식으로 피그마에서 사용하는지

강의나 문서 볼 수 있는 곳이 있을까요? ㅜㅜ

개발자들이 문의를 하는데 암것도 모르겠네요ㅜㅜ

 

답변 1

0

볼드 UX님의 프로필 이미지
볼드 UX
지식공유자

2024. 08. 10. 04:58

안녕하세요, 본 질문은 현재 제 강의에서 다루지 않는 내용입니다. 하지만 제가 알고 있는 정보를 알려드리도록 하겠습니다. 아마 더 리서치를 해보고 좀 더 개발자가 무엇을 정확히 원하는지 파악하시기 바랍니다. 

 

피그마에서 브런치 기능이 있긴한데, Organisation 이상이어야 합니다.

전 회사에서 브런치 기능을 사용해보았는데, 작년에는 따로 깃헙이랑 연결이 안되었던 것 같습니다.

피그마 브런치 기능은 깃헙처럼 브런치를 만들면 따로 피그마 파일이 생성되고 나중에 작업 후 마스터 파일과 병합하도록 되어 있습니다.

 

Professional의 경우는 버전 히스토리에서 따로 저장을 통해 등록하는 방법이며, 이건 한 파일 내에서 버전만 체크할 수 있습니다.

 

보통 개발자 분들이 버전 관리에 디자이너게 물어볼 경우에는,

개발자가 흔히 겪는 문제 중에 어떤 파일을 개발을 해야 되고 이전 파일과 비교했을 때 무엇이 수정되어 있는 지가 파악하는 것입니다.

 

이 경우는 버전 히스토리, 데브모드, Annotation기능을 잘하시기 바랍니다. 피그마 문서를 잘 찾아보시면 다나옵니다.

 

간단한 예시로 설명해드리면,

예를 들어, 

디자이너가 버전 히스토리에

  • Ver01_날짜

  • Ver02_날짜

     

  • Ver03_날짜

     

이렇게 해놓고 마지막에 ready to develop으로 마크를 해놓은 다고 칩시다. 그러면 아래와 같이 버전 히스토리에 뜹니다.

teaching-02.png

 

 

그러면 개발자가 프레임을 클릭하고 데보므드에서 “Compare Changes”에 들어가면 무엇이 바뀌었는지 바로 확인할 수 있습니다.

  • Ver 01_날짜

  • Ver 02_날짜 

  • Ver 03_날짜

teaching-01.png

 

위와 같이 볼 수 있습니다. 

아마 이것을 가르쳐드리면서 같이 어떻게 협업해야할지 고민해보면 좋지 않을까 싶네요. 마지막으로 Annotation 기능을 활용해서 잘 설명해놓으면 개발자와 협업하는데, 도움이 될 것 같습니다.

 

개발자와 협업이 참 중요한만큼 위의 정보가 도움이 되셨으면 좋겠습니다.

 

감사합니다.

까비님의 프로필 이미지

작성한 질문수

질문하기