Figma 정리11 figma 누끼따는 방법 1. pen을 이용하여 테두리를 따라 선을 그려준다. 2. stroke를 없앤 후 fill로 채워준다. 3. pen이 사진 밑으로 가게 한 후 같이 잡은 상태에서 콘텍스추얼 툴을 눌러준다. 완성 2024. 5. 25. Figma_Resources 모음 Unsplash : 사진 자료Color palettes : 컬러 모음Charts : 원하는 차트 만들Product Planner : 아이디어, 정리, 디자인 콘셉트 협업에 필요Wireframe Designer : 레이아웃 골격을 Ai가 만들어줌Material Symbols : 다양한 심볼을 찾을 수 있음 2024. 5. 7. Figma_프로토타입(스마트 애니메이션 만들기) 프로토타입:화면을 연결 시키고 어떤 스타일로 이동할 지 목업으로 보여주는 것 프로토 타입 구성요소 인터렉션 디테일창 1. 트리거 (=이벤트) On Click : 요소를 클릭했을 때 2. 액션 Navigate to : 연결한 프레임으로 이동Change to : 베리언츠 내에서 연결했을때 해당 컴포넌트로 바뀜 3. 애니메이션 Instant : 애니매이션 없음Dissolve : 앞 프레임이 희미해지면서 넘어감Smart animate : 자연 스럽게 다음 프레임으로 변경. 주로 사이즈 변화, 생상 변화 등에 쓰임 스마트 애니메이션 제작하는 법 변경할 프레임과 변화될 구성요소 제작 -> Alt + 드래그로 변경될 프레임 제작 -> 변경될 구성요소 제작 -> 프로토타입 ->핫스팟을 이용하여 커넥션 라인 제작 -> .. 2024. 5. 1. Figma_Component와 Varians 컴포넌트 [Ctrl + Alt + K]반복되는 요소의 마스터를 만들고 인스턴스를 배양아여 마스터 수정을 통해 전체의 인스턴스를 바꿀 수 있게 된다. 마스터(원본) 인스턴스(복제본):📌요소는 고정📌 요소를 추가하거나 삭제할 수 없다.요소를 보이지 않게 하려면 👁️🗨️ 끄기로 안 보이게 가능하다.색상, 속성, 효과 등은 수정이 가능하다. 하지만 예를 들어 인스턴트에서 색상변경하면 후에 마스터의 색상을 변경하더라도 변하지 않는다.다중 컴포넌트 Create multiple components컴포넌트 해제 Detach instance마스터 복구 인스턴트 우클릭 후 Restore component OR Assets 검색 베리언츠카테고리 만들기 프로퍼티 = 카테고리 명밸류 = 각 요소 고윳값 밸류를 통해.. 2024. 4. 30. 이전 1 2 3 다음
