inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[실습✨] 간격 배리어블 등록하기

배리어블 순서 바꿀 때 안바뀌는 오류

해결된 질문

118

최세영

작성한 질문수 2

0

배리어블 순서를 바꿀 때 드래그 드랍해도 안 바뀌는건 왜 그런건가요..? ㅠㅠ

배리어블 복사하면 순서가 뒤엉켜있는 경우가 너무 많은데 그럴때마다 순서를 바꾸려고 드래그 드랍을 하면 몇개는 바뀌다가 안바뀝니다..

배리어블이 너무 많아서 그런건가요? 이럴 때는 어떻게 해야할까요?

웹-디자인 figma figma-tokens 디자인-시스템 아토믹-디자인 figma-variable 프로덕트디자인

답변 1

0

볼드 UX

세영님, 안녕하세요!

 

드래그 앤 드롭이 갑자기 안 되어 당황하셨을 것 같아요. 😥

 

현재 배리어블 인터페이스에 오류가 있는 것 같아 바로 테스트해봤는데,

하나씩 옮기는 경우는 정상적으로 작동합니다.

하지만 여러 개를 동시에 옮길 때는 기대한 대로(멘탈 모델대로) 동작하지 않는 것 같아요.

 

예를 들어, 24, 32를 Shift로 선택한 후 48 아래로 드래그 앤 드롭하려고 했는데,

👉 24, 32가 이동하는 것이 아니라 순서가 엉뚱하게 바뀌는 문제가 발생하네요.

error.png.webp

이러한 이와 유사한 문제는 피그마 커뮤니티에서도 제기되었네요. 이런 문제들은 업데이트가 적용될 때까지 기다려야 할 수도 있을 것 같아요.

 

도움이 될 수 있는 팁을 드리자면..

📌 만약 여러 개의 배리어블을 동시에 이동할 때는 그룹을 활용하는 것도 방법입니다. 저는 이동할 배리어블을 그룹으로 묶은 뒤, 원하는 위치로 옮기고 다시 그룹을 해제하는 방식을 사용하기도 해요.

 

배리어블은 한 번만 잘 정리해두면 이후에 수정할 일이 많지 않기 때문에, 처음 설정할 때 조금 번거롭더라도 신중하게 정리하는 것이 중요할 것 같습니다.

 

필요한 부분 있으면 언제든 말씀 주세요!

아이콘 빌런 부분

0

22

1

배리어블 Value에 관해 질문있습니다.

0

46

0

Body>font weight 에서 semibold에 짝대기가 생기는 이유?

0

46

1

Navigation Mobile 토글 베리어블이 안됩니당

1

43

2

Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름

0

40

1

디자인 시스템에 그룹명을 숨길 수도 있나요?

0

49

2

디자인 시스템 네이밍에 관한 질문드립니다.

0

62

2

next step?

1

78

1

16강 Print Variables 출력 질문

0

84

2

open in Figma 누르고 ui kit 다운?받았을 때

0

74

2

variables 이름 지을때 소문자,대문자 사용에 관해..

0

98

2

디자인 시스템 네이밍 순서에 대해 질문남깁니다!

0

119

2

이미지 캐러셀 영상

0

70

2

아이콘 사이즈 컴포넌트 구성 방식 관련

0

107

3

완강/리뷰 이벤트 후 강의자료

0

66

2

Stack 컴포넌트 관련하여 궁금한 점이 있습니다.

0

59

1

컴포넌트별 베리어블 구축

0

81

2

인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?

0

41

1

섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문

0

54

2

UI Kit에서 배리어블 등록 안되는 문제

0

63

2

교육용 피그마 계정 문의

0

65

2

베리어블 등록했는데 스타일에 연결하려니까 안보여요..

0

91

3

폰트 웨이트 지정에서, '바디만 따로 웨이트를 시멘틱에 그룹핑 하는 이유'가 무엇인가요??

0

53

2

섹션 6 / 29.Button 강의 질문

0

68

2