Text3 Figma에서 아이콘 디자인하기: 레퍼런스 찾기부터 제작 완료까지 비교적 간단한 아이콘이 필요할 경우, 별도의 툴 없이 Figma 내에서 바로 작업할 수 있습니다.이 글은 '아이콘 디자인(그리기)'과정에 초점을 맞추어 작성한 글로, 레퍼런스 찾기부터 추후 라이브러리 퍼블리싱 시 오류가 없도록 디자인을 완료하는 법까지를 간략하게 설명합니다. 1. 아이콘 디자인 전 : 레퍼런스 찾기 검색, 홈, 좋아요 등의 커먼한 아이콘은 바로 떠오르는 보편적인 메타포가 있어 바로 그릴 수 있습니다. 하지만 생소한 도메인인 프로덕트의 아이콘을 제작하거나 특정 메타포가 사용자에게 직관적으로 이해될지 확신이 없다면, 참고할 만한 레퍼런스들을 함께 보면서 디자인하는 것이 좋습니다.💡참고로, 이 단계에서 아이콘을 직접 그릴 필요가 있는 상황인지 검토해 보면 좋습니다. MVP 단계에서는 무료 .. 2025. 1. 30. [Figma] [Lottie] 피그마에서 '좋아요' 애니메이션 만들고 Lottie 파일로 변환하기 애프터이펙트 없이, 피그마만으로 간단한 애니메이션을 만들어 보려는 분들을 위한 튜토리얼입니다. 오늘은 '좋아요' 클릭 시 등장하는 효과를 만들어 Lottie 파일로 변환하는 방법을 소개합니다.오늘은 '좋아요'를 클릭했을 때 나오는 이펙트를 피그마에서 만들어 로티 파일로 쉽게 변환하는 방법을 소개하려고 합니다. 1. 튜토리얼 따라하기https://www.youtube.com/watch?v=9ylE4aabEU4좋아요 효과 만들기 영상 @Punit Chawla 위 영상은 Lottie 홈페이지의 피그마 튜토리얼에도 업로드 되어 있습니다.만드는 법은 생각보다 간단합니다. 애니메이션 원리를 이용해 프레임 순서대로 차례차례 그린 후, 프로토타입으로 연결해 주는 것입니다.영상을 보면서 만드는 것이 빠를 것으로 생각해.. 2024. 11. 21. [Notion] 웹페이지를 클릭 한번으로 노션에 스크랩 할 수 있는 노션 웹 클리퍼 (Notion Web Clipper) 저는 노션을 아주 열심히 사용합니다. 무언가를 아카이빙하고 정리하기 좋은 서비스기 때문이지요.웹 서핑을하면서 보게 되는 인사이트를 주는 아티클들을 스크랩하고 싶을 때, 그동안 저는 복사 붙여넣기해서 북마크로 정리하곤 했습니다.근데 클릭 한 번으로 노션에 웹 페이지 링크를 바로 저장할 수 있는 댕꿀 기능을 알게 되었습니다. 바로 '노션 웹 클리퍼' (Notion Web Clipper)입니다. (나만 몰랐을 수도...한 번 검색해보니 이미 쓰고 있는 사람들이 많았다..) https://www.notion.so/web-clipper Notion Web Clipper for Chrome, Safari, Firefox, and mobileSave any web page on Notion. Annotate and .. 2024. 10. 18. 이전 1 다음
