figma4 [피그마] 프레임을 늘리면 콘텐츠가 왜곡 및 변형 된다면? 한 방에 해결하는 방법! 피그마(Figma)를 사용하다 보면 프레임 크기를 조정했을 때 콘텐츠가 이상하게 늘어나거나 비율이 틀어지는 경험을 해본 적 있나요? 특히 벡터 파일이나 그룹화된 요소를 다룰 때 이런 문제가 자주 발생하곤 합니다. 저도 이 문제로 한참을 헤맸지만, 사실 해결 방법은 아주 간단했습니다. 1. 왜 이런 일이 생길까? 문제의 핵심은 Constraints(제약 조건) 설정에 있습니다. 피그마는 각 요소가 부모 프레임에 대해 어떻게 반응할지를 결정하는 Constraints 옵션을 제공합니다. 기본적으로 "Scale"로 설정된 경우 프레임 크기를 조정하면 내부 콘텐츠도 비율에 따라 늘어나거나 줄어들게 됩니다. 2. 문제 상황 예시프레임 크기를 늘렸더니 벡터 아이콘이 늘어나서 뭉개짐.텍스트 박스가 프레임과 함께 비율이.. 2025. 1. 13. [figma]피그마 아이콘 쉽게 사용 방법- 플러그인 활용 피그마 아이콘 쉽게 사용하기 UI UX 디자인을 할때, 가장 필요한 요소중에 하나가 아이콘 입니다. 필요한 아이콘을 빨리 찾는 것만으로도 시간이 많이 단축 되는데요! 이때 필요한 플러그인인 구글 머터리얼 아이콘 플러그인을 사용을 추천 드려요! 설치 방법 이렇게 하시면 팝업창이 뜨면서, 바로 사용이 가능해 집니다! 구글 머터리얼 아이콘 플러그인 사용법 아래와 같이 검색을 통해서 찾아주시면 금방 찾을 수 있습니다. 두께 변경 하기 다른 아이콘으로 변경 다양한 옵션들을 통해 편하게 쓰고 싶은 아이콘을 사용해 보세요! 감사합니다 :-) 2024. 3. 17. [무료소스] 무료 신용 카드 목업, 소스 피그마 - figma 신용카드 UI kit (credit card ui ) 다양한 그라디언트 배경 컬러값과 조합 자료를 figma 소스로 다운 로드 가능 신용카드 뿐만 아니라 다양한 곳에 활용 가능한 패턴과 소스 다운로드 경로 https://www.figma.com/community/file/1134847584196760092 Credit Card UI Kit | Figma Community Figma Community file - Credit card UI Kit assets made entirely in Figma because I’m too lazy to use Adobe Illustrator. You can use it for your app or website mockup design. www.figma.com Cr.. 2023. 5. 29. [피그마] 폰트나 이미지 크기 자동조절 되게 하기 버튼이나 그룹 내용 크기 자동조절 버튼 사이즈 변경 하기 그룹핑된 이 버튼의 크기를 변경시키키 고자 할때, Move 툴 선택 시 무브 툴을 사용하여 사이즈를 수정 하게 되면 Scale 툴 선택 시 내용이 흘러 넘치지 않고, 현재 스케일, 크기 비율에 맞게 줄어 들게 된다. 기존 어도비나 이미지 편집 툴에서는 Shift 키를 누르면 되는 기능이나, 피그마의 경우엔 툴을 변경해 주어야만 가능! 자주 쓰는 부분이므로 단축키를 알아두는 것이 좋을 듯 하다. 단축키 Move tool - V Scale tool - K 2023. 5. 15. 이전 1 다음 728x90 반응형
