Figma는 변수 모달에서 투명도*를 대규모로 업데이트할 수 있는 기능을 출시했습니다. 색상 변수를 detach하지 않고도 투명도를 적용할 수 있고, 숫자 변수*를 색상 변수에 연결해 투명도를 설정할 수 있습니다.

이번 기능은 투명도를 색상과 분리된 보조 값이 아니라, 변수 체계 안에서 함께 다루는 항목으로 옮겨 놓은 셈입니다. 사용 범위는 색상 변수에 한정되며, 비활성 상태, 오버레이, 스크림 같은 상황에서 일괄 적용할 수 있습니다.

디자인 시스템은 정해진 색을 많이 쓰는 구조처럼 보이지만, 실제로는 같은 색을 다른 상태와 맥락에 맞춰 조금씩 바꾸는 일이 많습니다. 문제는 그 차이가 여러 화면과 컴포넌트에 흩어질 때입니다. 한 곳에서 수정한 투명도가 다른 곳에는 남아 있으면, 같은 규칙을 적용했다는 확신이 약해집니다.

Figma가 변수 모달에서 일괄 관리를 지원하는 이유도 여기에 있습니다. 투명도를 따로 떼어 손으로 맞추는 방식보다, 연결된 변수 값을 통해 관리하면 바뀐 규칙이 더 넓게 퍼지기 쉽습니다. 결과적으로 디자인의 수정 속도보다, 시스템의 일관성을 지키는 방식이 더 중요해집니다.

겉으로는 단순한 편의 기능처럼 보여도, 실제 의미는 값이 얼마나 쉽게 바뀌느냐보다 값이 어떤 관계를 유지한 채 바뀌느냐에 있습니다. 색상과 투명도를 따로 수정하면 빠를 수는 있지만, 기준이 흩어지기 쉽습니다. 반대로 연결을 유지한 채 조정하면 수정 범위는 넓어지고, 기준은 하나로 모이기 쉽습니다.

이런 변화는 도구가 단순히 화면을 만드는 역할을 넘어서, 디자인 규칙을 운영하는 방식까지 함께 다루고 있다는 신호입니다. 같은 색을 반복해서 쓰는 단계에서 끝나지 않고, 그 색이 어떤 상태와 조합으로 쓰이는지까지 체계 안에 넣는 방향입니다.