프로그램_시스템/디자인 툴

[Figma] 모르는 기능 정리

9191 2026. 4. 20. 16:46

1배수 디자인: 기본으로 정할 사이즈(원본)

 

도형 깨기

Outline stroke 처리를 통해 아웃라인을 도형으로 분리(스트로크가 아니라 도형이 됨), 따로 다룰 수 있음.

 

Flatten 처리를 통해 곡률, 회전 정보를 초기화.

 

오토 레이아웃 기능

Margin: 외부 여백

Border: 테두리

Padding: 내부 여백

 

Padding 조절로 간격을 조정하는 편.

정렬이 우선되는 것부터 위에서 아래로 쌓인다.

 

컨스트레인트

오토 레이아웃 안의 개체 움직이는 방식 제한

 

프레임 리사이징

Fixed, Hug, Fill

 

포지션

Static: 기본

Fixed: 화면 전체 고정

Absolute: 부모컨테이너 기준 고정

Sticky: 스크롤에 따라 Static 또는 Fixed

 

 

디자인 팁

색상 10단계로 만드는 게 단색에서 확장성을 높일 수 있음

1:3:6 법칙: 포인트컬러1:세컨더리컬러3:백그라운드컬러6 비율로 색상을 사용할 것.

 

컴포넌트 프로퍼티

컴포넌트로 만든 객체의 프로퍼티를 여러 개 추가해, 복제한 개체로 조절 가능하게 만들 수 있다.