inflearn logo
강의

Course

Instructor

Complete a Responsive Web Portfolio in 4 Hours with Figma MCP × AI

Extract Tokens.json file

Json 플러그인 사용시 variable collection 없음

33

marui5935

3 asked

0

안녕하세요. Json화 하려고 플러그인 실습을 해보고 있는데, 선생님이 업로드해주신 파일들을 제 드래프트에 복붙하고 사용하고 있습니다.

플러그인 실행시 다음과 같이 배리어블 컬렉션이 비어 있는데 어떻게 불러올수 있나요?

image.png

 

HTML/CSS figma 포트폴리오 인공지능(ai) 바이브코딩

Answer 2

0

jyoung

아 혜령님~
피그마 파일을 Duplicate to your drafts로 복제하여 가져가셨을까요?
저도 혜령님과 같은 상황을 연출해 봐야, 문제점을 찾을 수 있을것 같아요ㅜ
지금 상황에서 저는 모든것이 잘 보이는 상황이라서요...
답변주시면 문제해결점을 찾아보도록 하겠습니다.
감사합니다.

J.영드림

0

marui5935

공유해주셨던 피그마 파일에서 아트보드를 모두 복사하여 제 개인 draft에 붙여넣기 하였습니다. 피그마에 "필독!
반드시 자신의 피그마에 복사 > 붙여넣기 하여 활용하세요^^" 라고 안내되어 있어서 그렇게 진행하였습니다.

빠르게 확인해주실수 있을까요?

 

0

jyoung

혜령님
혜령님께서 이전에 질문하신 내용에 답 드렸는데요...
현재 피그마 링크로 복사하면 변수정보가 적용되질 않더라구요..
그래서 Duplicat to your drafts로 복사하셔서 가져가실 것을 답 드렸는데 그렇게 하셨을까요?

학생들과 테스트해본 결과 Duplicat to your drafts가져가시면 변수가 함께
등록이 되고, Tokens Studio for Figma에서 Tokens이 확인되었습니다.

이 방법이 적용이 안되시면..
보다 상세한 상담을 위해 저를 카톡에 친추하시고 보다 상세한 상담을 드리도록 하겠습니다.

ID : jjjh523

감사합니다.
J.영드림

77777.png.webp



0

communityai8509

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

Json 플러그인을 실행하면서 배리어블 컬렉션이 빈 상태로 나타나는 문제를 겪고 계신 것 같습니다. 해당 문제는 여러 요인으로 발생할 수 있습니다. 아래에 몇 가지 해결 방법을 안내드리겠습니다.

  1. 파일 설정 확인: 먼저, 업로드하신 파일 내에서 배리어블이 설정되어있는지 확인해 보세요. Figma에서 각 요소의 스타일이나 속성에 배리어블이 설정되지 않았다면 json 변환 시 공백으로 나타날 수 있습니다.

  2. 배리어블 버전 및 업데이트 확인: Figma와 사용 중인 플러그인의 최신 버전을 사용하고 있는지 확인하세요. 가끔 Figma의 업데이트 이후 플러그인이 해당 기능을 지원하지 않는 경우가 발생할 수 있습니다.

  3. Plugins 및 Extension 설정 확인: 플러그인 실행 전 사용자에게 필요한 권한이 잘 설정되어 있는지, 브라우저나 앱의 설정을 재확인해 보세요.

  4. 파일 내 배리어블 컬렉션 재설정: 배리어블이 비어있는 상태로 나타난다면, 새로운 컬렉션을 생성하고 설정하여 test해 보는 것도 하나의 방법입니다. Figma의 Assets 패널에서 새로운 배리어블을 설정해보세요.

  5. 플러그인 문서 참조: 사용 중이신 Json 플러그인의 공식 문서를 참고하여 플러그인의 버전과 설치된 Figma에서 요구하는 최소 조건을 확인해 보세요.

또한, 아래 링크에서 유사한 문제를 겪었던 사용자들의 해결 과정을 참고하시기 바랍니다:
- 배리어블 목록 없음: 이 링크에서는 배리어블 목록이 보이지 않을 때의 해결 방법에 대해 논의하고 있습니다.

문제가 지속될 경우, 강의 Q&A 섹션에 직접 문의하시거나, 인프런 지원팀에 도움을 요청하는 것도 좋은 방법입니다.

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

노션 .env.local

0

7

0

shrimp_data - WebGUI.md

0

12

1

powershell 복붙 문제

0

12

1

디렉토리가 보이지 않아요.

0

13

0

쉬림프 설치

0

11

1

code craft와 harness engineering의 차이가 궁금합니다

0

8

1

스피너 아이콘 크기 질문

0

4

1

미리보기 빈칸생기는 현상

0

5

1

이 화면으로 못 들어가고 있어요.ㅠㅠ

0

13

1

tsakmaster api키

0

12

0

terminal-setup을 해도 shift+Enter 키로 줄바꿈이 되지 않아요.

0

14

1

skill 사용방법

0

17

2

영상이 자주 끊깁니다.

0

15

3

13, 14강 진행되지 않는 문제

0

11

0

강의자료 누락

0

20

1

강의 자료 보여주는 프로그램 뭐 쓰시나요?

0

19

1

배리어블 목록 없음

0

40

3

Token 등록 방법 문의

0

26

1

노션 25 인터렉션 구현 파트 안 보입니다!

0

46

2

figma variable 반응형 디자인 결과물 공란

0

72

2

로고이미지가없는데요..

0

65

2

피그마 AI기능 관려

0

77

2

hero-img 이미지

0

82

1

폰트확인 부탁 드립니다.

0

81

2