inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[Figma Design] 반응형디자인-Tablet & Mobile 1차 수정

배리어블 목록 없음

28

김혜령

작성한 질문수 3

0

안녕하세요. 첨부해주신 Figma 파일을 복사해서 제 피그마로 가져온 후, 배리어블이 잘 나오는지 보기 위해 클릭했는데요.

선생님 화면에는 윈도우 상단에 responsive-more options가 보이는데,

제 화면에서는 타이틀이 variables이고, more options 버튼이 없습니다.

설정된 배리어블 값을 어떻게 불러올수 있나요?

스크린샷 2026-04-29 오후 4.29.25.png.webp

 

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

답변 3

0

J.영

혜령님 안녕하세요?
혜령님 질문주셔서 정말 감사드려요~~
혜령님 말씀대로 이제는 복사해서 붙여넣기하면 안되도록 정책이 바꼈네요 ㅜㅜㅜ

여러방법으로 테스트해본 결과~~
아래 이미지처럼 Duplicat to your drafts로 해서 가져가시면 베리어블 등록한것도 다 보이네요~~~
이렇게 가져가셔서 테스트 해보시고 또 안되시면 질문주세요^^
감사드려요~~

인프런!!!.png

~

0

J.영

안녕하세요? 김혜령님
먼저 본 강의를 수강해 주셔서 깊은 감사드립니다.

베리어블은 2번째 page를 선택하시고, variables오른쪽에 버튼을 클릭하셔서 responsive를 선택하시면 됩니다.

인프런답변2.png.webp


함 살펴보시고 여전히 안보이신다면 다시 질문주시면 감사하겠습니다.
오늘도 좋은하루 되세요^^

J.영드림

0

김혜령

안녕하세요.

공유주신 아트보드를 복사하여 제 개인 드래프트에 붙여넣은 후 작업하고 있습니다.

말씀주신 'responsive'를 누르면 저는 4개의 에셋만 나오는데 왜이런걸까요?

image.png

 

0

인프런 AI 인턴

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

Figma에서 제공되는 배리어블(Variables) 기능은 디자인 요소를 효율적으로 관리하기 위한 도구로, Responsive UI 개발 과정에 있어 매우 중요한 역할을 합니다. 선생님의 화면과 다르게 보일 때는 여러 가지 이유가 있을 수 있습니다. 예를 들어, 버전 차이, 파일 설정 문제 등이 포함됩니다.

  1. 피그마 버전 확인: 사용 중인 Figma가 최신 버전인지 확인해 보세요. UI의 변경이 있을 수 있으며, 최신 기능이 업데이트된 경우에는 최신 버전에서만 해당 기능이 제공될 수 있습니다.

  2. 프로토타입 뷰 확인: Figma에서는 Design View와 Prototype View에 따라 표시되는 옵션이 다를 수 있습니다. 인터페이스가 제대로 나오지 않는 경우, 두 가지 뷰를 전환해 보시고 인터페이스의 변화를 확인해 보세요.

  3. 파일과 템플릿 체크: 올바른 템플릿이나 파일을 사용하고 있는지 다시 한 번 확인해주세요. 파일 복사 과정에서 누락이 있었을 수 있습니다.

  4. 배리어블 설정 다시 보기: 피그마의 ‘Assets’ 패널로 이동하여, Variables가 잘 설정되어 있는지, 설정이 누락된 부분은 없는지 확인합니다. 배리어블이 설정되어 있지 않다면, 새롭게 설정해 보시기 바랍니다.

아래 유사한 상황에 대한 답변과 질문이 도움이 될 수 있습니다.
- figma variable 연결 결과물에 url이 없는데, 어디서 받을 수 있을까요?: 이 질문에서는 사용자들이 배리어블 설정에 있어 겪을 수 있는 공통적인 문제를 다루고 있습니다. 더불어, 경험을 나누며 배리어블 설정과 관련된 다양한 정보를 제공하고 있습니다.

위 링크를 통해 배리어블 관련 문제 해결에 대한 단계별 가이드를 확인하실 수 있으니 참고하시기 바랍니다.

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

챌린지 라이브 시간이 지나면 강의는 볼 수 없는건가요?

0

5

1

이전 커밋으로 롤백을 하고 다시 롤백하기 전 커밋으로 돌아가려고 하는데 그래프 패널에서 main이 사라져 버립니다.

0

6

1

CLAUDE.md 에 import 문법 질문

0

13

1

Github 404 Error

0

17

1

안녕하세요 유튜브 보고 재밌을꺼 같아서 강의 결제해서 보고잇습니다.

0

15

2

섹션1 하네스 강의에서 실습 영상없을까요??

0

20

2

/update-roadmap 는 언제 어떻게 사용하는건지요?

0

22

2

53강 질문

0

27

2

misson 6 질문

0

24

2

클로드 설치버전 문의

0

20

2

서브에이전트를 실행했을때 강의내용과 다르게나와요.

0

31

2

커서 설치했는데 강의화면이랑 달라요.

0

27

3

도커 설치 관련 WSL 설치 에러 관련

0

23

2

노션 열기에 도움이 필요합니다.

0

25

2

노션 파일 권한

0

23

2

좋은 강의 자료 감사합니다.

0

24

2

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

0

28

2

Token 등록 방법 문의

0

24

1

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

0

41

2

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

0

67

2

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

0

63

2

피그마 AI기능 관려

0

74

2

hero-img 이미지

0

79

1

폰트확인 부탁 드립니다.

0

78

2