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

안녕하세요, 최민영님

저도 한번도 해보지 않은 거라 몇번 시도를 해보았고 성공을 했습니다.

플러그인은 2시간 정도 뒤졌는데, 우선 강의에서 언급했던 apply variable로 베리어블만 바꿀 수 있습니다. 하지만 스타일이 옮겨지지 않으니 플러그인은 완벽한 해결책이 아니겠죠.

제가 시도한 방법은 좀 트릭이긴 하지만 한번 시도해보시기 바랍니다.

우선 현재 피그마 파일은 Component + Style/Variable 이렇게 조합이 될 것입니다.

이것을 두개로 쪼개고 싶으니깐 말 그대로 그대로 쪼개 버립니다.

1. 기존 Component + Style/Variable

2. 파일을 생성하고, Component만 복사합니다. 그러면 기존 스타일/베리어블이 연결된채로 복사가 됩니다.

3. 스타일 가이드를 만들기 위해 기존 것을 복사한 후 컴포넌트를 지워버립니다.

다음에는 1, 3을 내보내기를 해서 라이브러리로 만듭니다.

그리고 2번으로 와서 이 두 개(1,3)를 연결합니다.

라이브러리 패널에 가셔서 1번 라이브러리로 가시면 Swap 라이브러리가 가능합니다.(반대로 3번 라이브러리로 가면 당연히 Swap이 안됩니다. 왜냐하면 2번 기준에는 3번은 쌩판 모르는 녀석이니깐요.)

Swap 라이브러리에서 바꾸고 싶은 라이브러리 보시면 최상단에 3번이 나타날 것입니다. 그것을 누르고 스왑하시면 짜잔하고 됩니다.

복잡해보일 수 있지만, 차근차근 읽어보시고 한번 해보세요.

궁금하신 부분 있으면 질문 주세요.

볼드 드림.

안녕하세요, 인프런 AI 인턴입니다. 최민영님.

디자인 시스템을 유지보수하기 위해 컴포넌트와 파운데이션을 분리하는 과정에서 발생하는 문제, 특히 변수와 스타일이 깨지는 문제에 대해 답변드리겠습니다.

피그마에서 두 파일을 분리할 때, 동일한 이름을 가진 컴포넌트나 스타일이 자동으로 연결되거나 교체되지는 않습니다. 그러나 이를 해결하기 위해 다음과 같은 방법을 고려해 볼 수 있습니다:

1. Manual Swap 기능 활용: 피그마에서 매뉴얼하게 인스턴스나 스타일을 교체하는 방법을 사용해야 합니다. 이름이 동일하다면, 라이브러리 업데이트 또는 교체 시 컴포넌트를 선택하고 수동으로 새 라이브러리 내의 동일 이름의 컴포넌트로 변경할 수 있습니다.

2. 플러그인 사용: 특정 플러그인이 최근 추가되었을 수 있으나, 자동으로 이름 기반으로 교체하는 기능을 완벽하게 제공하는 플러그인은 현재 제한적입니다. 피그마 커뮤니티에서 관련 플러그인을 수시로 확인해 보시는 것도 한 방법입니다.

3. 유의사항: 각각의 레이어 또는 변수의 이름이 정확히 일치해야 합니다. 그래야만 조금 더 쉽게 매뉴얼 작업 시 혼동 없이 작업이 가능합니다.

추가 정보

• 피그마 공식 웹사이트에서 최신 업데이트나 공지사항을 확인해 보시는 것도 좋은 방법입니다. 새로운 기능이 추가됐을 가능성이 있기 때문입니다.
  

질문자님의 이해를 돕고자 관련 답변을 참고하여 유사한 해결책을 추천드렸습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.