inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오

Tokens.json파일 추출

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

54

김혜령

작성한 질문수 3

0

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

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

image.png

 

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

답변 2

0

J.영

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

J.영드림

0

김혜령

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

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

 

0

J.영

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

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

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

ID : jjjh523

감사합니다.
J.영드림

77777.png.webp



0

인프런 AI 인턴

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

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

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

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

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

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

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

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

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

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

gws auth login에서 문제가 있어서 질문드립니다.

0

0

0

시스템 아키텍처를 강의에 나온 것 처럼 그리고 싶은데 공유 가능할까요?

0

4

1

PROJECT_STRUCTURE.md 파일 공유좀 해주세요

0

11

2

hostinger vps 사용중 질문입니다.

0

10

0

노션 사용권한 불편합니다.

0

10

2

클로드 코드에 붙여넣기후 편집 관련 질문입니다!

0

9

1

session이 점점 길어지면 어떻게 대처하나요?

1

15

1

cursor ai가 업데이트 되서 ui가 바뀌었는데 반영은 안될까요?

0

7

1

자동화프롬프트 가져오기 에러

0

12

1

노션 사용 권한 없음

0

15

2

Google API에 Generative Language API 선택이 없습니다.

0

17

2

figma 파일을 받을 수가 없어요

0

48

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

37

1

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

56

1

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

65

2

노션에 20.Contact가 없어요

0

47

2

배리어블 목록 없음

0

87

3

Token 등록 방법 문의

0

46

1

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

0

60

2

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

0

101

2

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

0

77

2

피그마 AI기능 관려

0

97

2

hero-img 이미지

0

97

1

폰트확인 부탁 드립니다.

0

88

2