inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

해결된 질문

139

최세영

작성한 질문수 2

0

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

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

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

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

답변 1

0

볼드 UX

세영님, 안녕하세요!

 

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

 

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

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

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

 

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

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

error.png.webp

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

 

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

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

 

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

 

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

B2B 어드민 페이지에서 모바일 화면 만들때 궁금한 부분이 있습니다.

0

58

2

모드를 활용한 반응형 디자인 구현하기에서 등록한 베리어블이 보이지 않습니다.

0

80

4

컴포넌트 파일에 파운데이션 라이브러리 연결 안되는 문제

0

112

6

섹션3. 스타일가이드 다운받고 난후

0

58

2

강의 파일 다운로드

0

64

2

아이콘 컬러 자동 변경

0

77

2

'만능으로 쓰이는 기본카드' 강의 내용에 대해 질문드립니다.

0

97

2

figma.com/@boldux 계정이 없다고 나옵니다

0

80

2

반응형 웹 디자인

0

145

3

액션 아이콘 컴포넌트 질문

0

97

2

셀렉트(Select & Dropdown menu) - 파트 1 / selected 토글 버튼

0

124

3

스피너 아이콘 크기 질문

0

130

2

미리보기 빈칸생기는 현상

0

109

2

아이콘 빌런 부분

0

85

2

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

0

120

1

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

0

101

1

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

1

110

2

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

0

107

1

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

0

106

2

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

0

125

2

next step?

1

122

1

16강 Print Variables 출력 질문

0

139

2

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

0

156

2

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

0

171

2