RUCOZY.

Figma 오토레이아웃(Auto Layout)의 기본 개념부터속성(Flow, Resizing, Alignment, Gap, Padding)까지 한눈에 정리했다.오토레이아웃을 적용해야 할 경우와 그렇지 않은 경우, 디자이너들이 반드시 알아야 할 핵심 팁을 확인해보자.📚 목차 (Table of Contents)오토레이아웃을 써야 하는 이유오토레이아웃의 개념오토레이아웃 적용 가능 / 불가능한 경우오토레이아웃 주요 속성 :Flow (방향 & 배치)오토레이아웃 주요 속성 : Resizing오토레이아웃 주요 속성 : Alignment (정렬 방식)마무리: 오토레이아웃으로 더 효율적인 디자인 워크플로우 만들기1. 오토레이아웃을 써야 하는 이유오토레이아웃은 Figma의 가장 강력한 기능 중 하나이다.UI 디자인은 계..

Figma 레이어 구조 한눈에 보기피그마에서 프레임, 그룹, 컴포넌트, 인스턴스는 전부 레이어의 한 종류다.그냥 네모나 텍스트도 레이어지만, 이 네 가지는 디자인 구조를 설계하는 핵심 레이어다.프레임(Frame): 레이아웃과 반응형 디자인의 기본 단위그룹(Group): 단순 묶기, 임시 작업용컴포넌트(Component): 재사용 가능한 원본인스턴스(Instance): 컴포넌트에서 파생된 복제본모두 툴바나 마우스 우클릭 메뉴에서 바로 만들 수 있고, 드래그나 단축키로도 생성이 가능하다.Frame (프레임) 프레임은 피그마에서 의미 있는 작업이 시작되는 레이어다.웹으로 치면 또는 처럼 화면과 요소를 감싸는 컨테이너 역할을 한다.프레임을 만들면 할 수 있는 것레이아웃 설정: 오토레이아웃, 컨스트레인트, 리사..