[피그마] figma에서 spacing을 smart component로 활용하는 방법
Spacing Smart Component 생성새로운 컴포넌트 생성:빈 프레임을 만들고 이를 컴포넌트로 변환합니다.이 프레임의 크기를 원하는 기본 spacing 값(예: 8px)으로 설정합니다.변수 추가:컴포넌트를 선택하고 우측 패널에서 '변수 추가'를 클릭합니다.'size'라는 이름의 숫자 변수를 생성합니다.속성 연결:컴포넌트의 너비와 높이를 'size' 변수에 연결합니다.Smart Component 활용인스턴스 생성:생성한 spacing 컴포넌트의 인스턴스를 디자인에 추가합니다.크기 조정:인스턴스를 선택하고 'size' 변수 값을 조정하여 spacing을 변경합니다.Auto Layout 활용:Spacing 컴포넌트를 Auto Layout 프레임 내에서 사용하여 요소 간 간격을 일관되게 유지합니다.추가..
2024.12.24