소소한 꿀팁

디자인 시스템 새 파일로 분리하는 법

보람2026. 1. 19.

질문사항

한 프로젝트 안에 디자인시스템(A)과 화면설계안(B)을 같이 두고 시작해버린 상황에 투입되었고, 이제서야 디자인시스템(A)을 다른 프로젝트로 분리하려고 합니다.

A 퍼블리싱 후 B에서 A 라이브러리 추가

B에서 swap 대상 선택 후 select matching layers 클릭

swap instance 실행

이 상황에서 현실적으로 화면 시안이 다 다르다보니 피그마가 매칭되는 레이어를 올바르게 인식하지 않아 결국 하나하나 선택 후 스왑해야하는 난관에 봉착했습니다. 해결법이나 정석 방법이 있을까요?

아래 절차를 따라해보세요

기존 컴포넌트 있던 파일에서 라이브러리 업데이트

디자인 시스템 분리할 파일에서 1번 라이브러리 추가

기존 컴포넌트 있던 파일에서 메인 컴포넌트 자르기(Ctrl + X)

새로 생성한 디자인 시스템용 파일에 붙여 넣기(Ctrl + V)

옮길거냐는 Toast 노출 됨 -> 그렇다 (꼭! Toast가 뜨는지 확인하세요)

옮긴 후, 기존 컴포넌트 있던 파일 라이브러리에 Move to File 뜨는 것을 볼 수 있음 -> 업데이트 시, 완료