Figma 프레임/가이드/그리드

프레임(디자인 작업 틀)

#모양을 클릭하면, 프레임으로 접근 가능

 

프레임 종류

 

가이드 (눈금자에서 드래그해서 꺼내서 사용, 안내선)

 

shift + R을 통해 상단, 왼쪽에 눈금자 표시

눈금자를 가죠오는 중간에 길이 비교를 하고 싶으면, Alt 이

 

그리드 (격자선)

margin = 프레임과 전체 컬럼간의 여백

gutter = 컬럼과 컬럼간의 여백

 

해당 프레임 클릭 -> Layout grid

 

 

 

해당 프레임 클릭 -> Layout grid - > grid를 columns로 변경

margin, gutter, count 수정 가능

 

 

 

해당 프레임 클릭 -> Layout grid - > grid를 rows로 변경

margin, gutter, count 수정 가능

 

http://gridcalculator.dk/

margin, gutter, count를 지정하여 넓이 계산을 쉽게 해주는 사이

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Figma 사각형/원형

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

+ Recent posts