728x90 반응형 SMALL figma2 컴포넌트(component), 인스턴스(instance) 1. 정의 컴포넌트 사용자와 상호작용하는 기본적인 형태로 어느 공간에서도 기능을 수행할 수 있는 최소한의 단위 Figma에서는 작은 다이아몬드 4개로 표현되어 있음(아래 이미지 참고) 인스턴스 컴포넌트를 복제한 오브젝트 컴포넌트를 수정하면 일괄 수정 개별 수정할 수 있으며 컴포넌트로 덮어씌울 수 있음 Figma에서는 빈 다이아몬드 1개로 표현되어 있음(아래 이미지 참고) 2. 컴포넌트와 인스턴스의 관계 부모와 자식 관계라고 보는 게 이해하기 쉬움 도형 또는 텍스트를 생성 → 컴포넌트(부모)를 생성 → 컴포넌트를 복제하여 인스턴스(자식)를 생성하여 사용 컴포넌트가 변경되면 관련된 인스턴스는 모두 동일하게 변경됨(하단 동영상 참고) 생성된 인스턴스의 상태를 변경(텍스트 변경, 크기 변경 등)하였다면 변경된 .. 2023. 7. 25. 에디터 툴바_기능 1. 구성 및 설명 Move 툴 Move 툴: 객체를 선택하고 이동시킬 때 사용 Scale 툴: 객체의 선, 모서리 둥글기, 폰트 크기 등 확대/축소된 비율에 맞춰서 크기가 조절(객체에 constraints 적용되어 있을 시 무시하고 크기 조절됨) Frame 툴 Frame 툴: 아트보드와 같은 개념. 디자인을 담는 공간을 칭함 Shape 툴 Rectangle 툴: 네모 도형 생성 Line 툴: 선 생성 Arrow 툴: 화살표 생성 Ellipse 툴: 원형 생성 Polygon 툴: 삼각 도형 생성 Star 툴: 별 도형 생성 Place image 툴: 이미지 파일 생성 Pen 툴 Pen 툴: 점을 찍어 직선 또는 곡선 형태를 그릴 때 사용하며 면도 제작 가능 Pencil 툴: 자유롭게 선 그릴 때 사용 T.. 2023. 6. 12. 이전 1 다음 728x90 반응형 LIST
