[피그마] figma에서 spacing을 smart component로 활용하는 방법

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

2024.12.24

[피그마] 여러장의 이미지를 각기 다른 크기로 가져오기

피그마 이미지 작업 요령 몇가지를 가지고 왔습니다. 여러장의 이미지를 각기 다른 크기로 가져와야 한다면? Place image(shift + ctrl + K)아직도 드래그앤 드롭으로만 이미지를 불러오시나요? place image로 파일을 가져오면 여러장의 이미지를 캔버스에 불러오면서 사이즈를 원하는 크기로 각각 지정하면서 불러올 수 있어서 편리합니다! File > Place image 혹은 단축키로 가능합니다. 이미지 빠르게 크롭하려면? Alt(opt)+ 더블클릭보통 이미지를 크롭할때 이미지 클릭 > fill 부분에서 Crop으로 속성변경 하거나 디자인 패널에서 크롭 아이콘 클릭하시는 분들 많으시죠? 이미지를 Ait+더블클릭하면 바로 이미지 크롭이 활성화되서 시간을 조금이라도 단축할 수 있습니다!계속 반..

2024.11.25