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

안녕하세요 mihyang kim 님 :)

좋은 질문 감사합니다.

tokens studio에서 만든 플러그인을 사용해 보시거나

https://www.figma.com/community/plugin/1264259625007726988/Apply-variables

다른 플러그인들을 사용하면 피그마 자체에서 정의한 style들을 variable에 자동으로 추가할 수 있습니다.

https://www.figma.com/community/plugin/1253585487427690087/Styles-to-Variables-Converter

저도 이 부분에 대해 고민을 많이 해봤고, 그 고민을 여기에 같이 공유드리고자 합니다.

1. Local variable은 정말 좋은 기능이나, 아직 tokens studio를 대체할 만큼 강력하진 않다.

   • 피그마 자체에서 변수를 불러와 사용할 수 있다는 점은 굉장히 큰 메리트 입니다. 하지만 토큰 스튜디오처럼 변수의 값에 다른 값을 곱하거나 더하는 형식의 식은 작성할 수 없으며, 이는 유연한 토큰을 유지 관리하는데 어려움이 있을거란 생각이 듭니다.

1. Local variable에서 변수의 항목을 추가하려면 유료 플랜을 구입해야 한다.

   • 어도비에서 피그마를 인수 후 점점 유료 플랜의 범위를 넓혀가고 있는 모습들이 많이 보이고 있습니다. 이는 무료 사용자들에게는 좋은 신호는 아니라고 판단이 되며, Local variable과 일부 devMode들의 기능들도 유료로 전환될거라는 공식 답변 이후로 생각이 많아졌습니다. 너무 좋은 기능이고 필요한 기능들이지만 유료화가 된다면, 어떻게 교육을 해야 할까. 현재까진 제가 기업쪽으로 디자인 시스템 강의를 나가면 유료 기능들을 제외하고 교육을 진행하고 있습니다.

1. 아직까진 Local variable의 기능은 프로토타입 시장을 겨냥한 기능 확장일 가능성이 제일 크다.

   • 제 생각은 피그마의 프로토타입의 고도화를 위해 추가된 듯한 느낌이 강하게 듭니다. 실제로 Local variable을 사용했을 때 피그마의 프로토타입이 훨씬 구현율이 높게 설계되는 것들을 많이 확인했고 피그마의 공식 유튜브 계정에서도 이런 안내 교육 영상을 뿌리고 있습니다. (다만 프로토타입에 Local variable을 쓰려면 이 또한 유료입니다 ^^;)
     
     디자인 툴 통계를 확인해 보면 기본적인 프로토타입에서는 figma를 많이 사용하지만 실제로 구현율이 높은 advanced 프로토타입에서는 figma의 사용율이 현저히 떨어지는걸 볼 수 있습니다.
     
     basic prototype graph
     
     
     advanced prototype graph
     
     
     https://uxtools.co/survey/2022/advanced-prototyping
     
     
     Local variable을 사용해 프로토타입을 고도화 하여 advanced prototype시장을 잡으려는 느낌이 강하게 들기 때문에 말씀드려봤습니다.

여전히 피그마는 많은 기능들을 준비중이며 앞으로 Local variable이 어떻게 확장되며 바뀔지는 예측할 수 없지만, 현재까지는 tokens studio의 기능들로 토큰을 관리하는 측면이 더 효율적으로 판단되어 Local variable에 대한 영상은 업로드 하고 있지 않습니다.

나중에 시간이 된다면, 답변드린 내용들을 모두가 공유받을 수 있도록 추가 영상을 준비해 보도록 하겠습니다.

감사합니다 :)