인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

김태인님의 프로필 이미지

작성한 질문수

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

버튼(Button) ✅

플러그인 질문

작성

·

28

0

안녕하세요 볼드님
해당값이 있는 베리어블 값일 경우 자동으로 등록해주는 플러그인을 설명해주셨던거 같은데요. 혹시 알 수 있을까요?

 

답변 2

0

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

태인님 안녕하세요,

Apply variable인 것 같습니다.

이 플러그인을 사용 예시는 다음과 같습니다.

예를 들어,

  1. 현재 있는 파일의 베리어블 값이 다른 파일과 연결되어 있다고 합시다.

     

  2. 그런데, 제가 지금 현재 있는 파일에 있는 로컬 베리어블과 연결하고 싶습니다.

     

  3. 무조건 베리어블 이름만 동일하면 자동으로 바꾸어줍니다.

여러 시나리오에서 사용될 수 있으며, 제 강의에서는 아이콘 부분에서 제가 언급드렸습니다.

당시에, 아이콘이 다른 곳에서 가져오면서 베리어블이 연결되어 있는데, 이 베리어블을 로컬 베리어블로 바꾸기 위해서 사용했었습니다.

어떻게 사용하는지 궁금하시면 섹션 5 아이콘 파트에 가서 확인 해보세요.

 

궁금한 점 있으시면 언제든지 질문주세요. 인프런 인턴은 토큰 스튜디오라고 하는데, 누가 맞는지도 알려주세요. 🎯

 

감사합니다. 볼드 드림.

 

 

 

 

김태인님의 프로필 이미지
김태인
질문자

감사합니다!!! 좋은 하루 되세요!

 

0

인프런 AI 인턴님의 프로필 이미지

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

피그마에서 특정 배리어블 값을 자동으로 등록해주는 플러그인을 찾고 계시군요! 강의 내용에서 언급된 플러그인은 아마도 “Tokens Studio” 일 가능성이 높습니다. 이 플러그인은 디자인 토큰을 관리하고 배리어블로 변환하여 다른 프로젝트나 시스템과 쉽게 연동할 수 있는 기능을 제공합니다. 이 외에도 “Style to Variable” 같은 플러그인도 스타일을 쉽게 배리어블로 전환하는 데 유용합니다.

관련 링크 및 설명:

  • Tokens Studio: 이 플러그인은 디자인 시스템을 보다 체계적으로 관리할 수 있도록 도와주며, JSON 형식으로 내보내거나 깃허브와 같은 플랫폼과의 통합을 통해 지속적인 정보 업데이트를 지원합니다.
  • 글로벌 디자인 시스템 구축 방법: 이 게시글에서는 Figma와 Tokens Studio를 사용한 디자인 시스템의 통합 방법에 대해 상세히 설명하고 있습니다.

이 링크를 통해 자세한 내용을 확인하시고, 해당 플러그인들을 활용하여 프로젝트의 효율성을 높이시면 좋겠습니다.

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