반응형 프로덕트 디자인4 [피그마] 피그마 파일 공유하기 (원하는 프레임,화면만 공유) 피그마 업데이트로 인해 흔하게 쓰던 기능이 달라진게 또 있다. 왜 계속나와... 바로 디자인 실무하면 가장 중요한 '공유' 오늘은 피그마 '전체 파일 공유' '선택한 화면 공유' 그리고 내친김에 파일 썸네일 설정하는 법까지 다뤄본다. 피그마 파일 전체공유 하는법사실 이 방법이 가장 간단하다. 피그마 맨 오른쪽 상단에 있는 'Share' 버튼을 누르기만 하면 된다.이 방법으로 공유하게되면 받는 사람이 파일을 열었을때 페이지 내 모든 화면을 볼 수있게 열린다.진행하는 프로젝트의 전체 파일을 확인하고 싶거나, 어떤 플로우로 진행되는지 한 눈에 보이도록 공유하고 싶을때 사용한다. 피그마 내 선택한 파일만 공유하는법실무에서 가장 많이쓰는 공유는 이 방법이다.앱 하나만 만들어도 수백가지의 화면이 나오는데, 전.. 2025. 2. 5. 피그마 - 무료 iOS/안드로이드 목업 다운로드, 피그마 커뮤니티 활용법 디자인을 하다보면 OS별 목업이 필요할 때가 있다. 그럴때마다 구글 서치를 하는가? 그렇다면 피그마 커뮤니티(Figma Community)를 활용하면 무료로 퀄리티 높은 목업을 바로 다운로드할 수 있다...! iOS/안드로이드 목업이 필요할 때, 가장 빠른 해결책아는 사람은 알테지만, 왠만한건 피그마 커뮤니티에 이미 다 준비되어 있다. iOS, Android 키워드로 검색만 해도 컴포넌트 파일들이 우르르 쏟아짐. 여기서 받을 수 있는 것들✔ iOS & 안드로이드 키보드 (다크모드 포함) ✔ 상태 표시줄 & 네비게이션 바 ✔ 아이콘 세트, UI 템플릿 등 다양한 요소피그마 파일이므로 바로 편집해서 사용할 수도 있다. 좀 복잡하지만... 피그마 커뮤니티에서 무료 목업 다운로드하는 방법1. 피그마 커뮤니티.. 2025. 2. 2. [피그마] 디자이너가 자주쓰는 figma 단축키 정리 (window, mac) 프로덕트 디자이너로써 자주 사용하는 단축키를 정리해 보려고 한다. 이걸 알고 있느냐와 아니냐에 따라 디자인 작업 속도차이가 굉장히 많이 나기때문에 필수로 알고 있으면 좋다 :) Figma 기초 단축키 (툴바) figma를 처음 사용해보신분을 위해 아주 기초적인 단축키도 정리해 보았다. 기초 단축키는 참고로 윈도우와 맥이 동일하다. 화면이동 : 스페이스 바 + 드래그 (drag) 이동 Move : V 프레임 Frame : F 도형그리기 Rectangle : R 펜 툴 Pen : P 텍스트 입력 Text : T 코멘트 달기 Comment : C 요정도가 기본툴 단축키가 될것같다. 이제 디자이너 심화과정을 살펴볼까? Figma 디자이너 필수 단축키복사 : (Mac) Option + 드래그 (drag).. 2025. 1. 24. [피그마] 피그마 SVG 로 뽑은 파일이 이상할 때 (SVG Export 배경 투명하게 하는법) " 이미지 에셋 주신거에 배경이 딸려오는데요? 다시 주세요. " 어느날, 평소처럼 디자인 완성본을 피그마로 전달했을 뿐인데 개발자에게 이런말을 들었다. ...?!? 내가 아이콘 프레임에 컬러를 넣은것도 아닌데 그럴리가 없다 싶어서 찾아봤다.실제로 Export 화면 Preview를 확인했을 때 아이콘 뿐만 아니라 배경이 같이 추출되고 있었다 😱 심지어 피그마 page background 컬러가...! 아주 간단하게 해결했으나, 이 방법을 알아내기까지 오랜시간이 걸렸으므로 ㅠㅡㅜ 이 문제를 검색하는 모든 사람들에게 빨리 해결책을 찾는데 도움이 되고자 기록한다. Ignore overlapping layers 체크 Export 프리뷰에도 배경 컬러가 나오고, 실제로 SVG 로 뽑았을때도 배경이 .. 2025. 1. 22. 이전 1 다음 반응형
