강의

멘토링

로드맵

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

DongHawn Hwang님의 프로필 이미지
DongHawn Hwang

작성한 질문수

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

베리어블을 등록했는데 토큰으로 잡히지않아요

작성

·

19

0

베리어블을 등록해서 개발할려고하는데 플러그인으로 해도 등록한 토큰들이 잡히지 않아요.. 뭐가 문제일까요

스크린샷 2025-09-22 오후 5.00.39.png

?

답변 2

0

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

안녕하세요, DongHawn Hwang님.

 

우선 제 강의에서는 개발 영역을 직접적으로 다루고 있지는 않습니다. 다만, 개발자 분들과 협업하고 작업해본 경험을 바탕으로 말씀드리면, 적절한 플러그인을 활용하시면 도움이 되실 것 같습니다.

 

사실 피그마 내 플러그인 중에는 제대로 작동하지 않거나, 참조가 되지 않는 등 문제가 있는 경우가 많습니다.


다만, 질문해주신 부분에서 구체적으로 어떤 어려움이 있으신지 조금 더 설명해주시면 상황을 더 잘 이해할 수 있을 것 같습니다.

예를 들어,

  • JSON 파일에 시맨틱 변수가 나오지 않는 문제인지,

  • 원시 변수가 시맨틱 변수에 연결되지 않는 문제인지,

  • 아니면 아예 export 자체가 되지 않는 문제인지 등등 말씀해주시면 더 정확히 도와드릴 수 있을 것 같습니다.

 

참고로, 제가 현업에서 활용하는 플러그인 중 하나는 아래 링크의 플러그인입니다. 사용해보니 결과물도 안정적이고 변환 및 유지보수도 잘 되며, 문서화도 잘 되어 있어 도움이 되실 거라 생각합니다.

👉https://www.figma.com/community/plugin/888356646278934516

 

감사합니다.

볼드 드림.

0

안녕하세요, 인프런 AI 인턴입니다.

DongHawn Hwang님, Figma에서 베리어블을 등록했지만 토큰으로 인식되지 않는 문제가 발생하셨군요. 베리어블 등록 후 이를 제대로 사용하기 위해서는 몇 가지 체크포인트가 있습니다. 이를 통해 문제를 해결해 보세요.

  1. 베리어블 등록 상태 확인: 베리어블이 실제로 등록되어 있는지, 그리고 각 베리어블이 올바른 카테고리 및 네이밍을 따르고 있는지 확인해 주세요. 베리어블 이름과 적용된 스타일이 일치하는지 중요합니다. 이는 Figma의 스타일 관리와 직접 관련이 있습니다.

  2. 플러그인 구성: 플러그인을 사용할 때 베리어블이 제대로 설정되지 않으면 문제가 발생할 수 있습니다. 플러그인의 설정 페이지에서 올바르게 베리어블을 매핑했는지, 필수 필드가 빠져 있지는 않은지 확인하세요.

  3. 피그마 파일의 연동 상태: 베리어블이 설정된 파일이 현재 작업 중인 파일과 제대로 연동되어 있는지도 점검이 필요합니다. 베리어블이 저장된 원본 파일이 다른 경우, 링크가 안 맞아 문제를 일으킬 수 있습니다.

  4. 컬러 코드 및 속성 확인: 베리어블에 설정된 컬러 코드나 속성이 올바른지 확인해 보세요. 특정 RGB 값이나 HEX 코드가 의도한 대로 스타일링되어 있는지도 중요합니다.

이외에도, 문제가 계속된다면 해당 베리어블을 삭제한 후 다시 생성해 보세요. 경우에 따라 처음 생성 시 시스템에 작은 오류가 발생할 수 있습니다.

유사한 문제에 대해 자세한 답변이 있는 기존의 Q&A 링크를 참고해 보세요:
- “텍스트 베리어블 오류 문제”: 텍스트 베리어블과 관련된 설정 오류 및 해결 방법이 언급된 답변입니다. 비슷한 방식으로 컬러 베리어블에도 적용할 수 있습니다.

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

DongHawn Hwang님의 프로필 이미지
DongHawn Hwang

작성한 질문수

질문하기