디자이너의 Figma 활용 팁

모바일 앱 디자인을 하면서 "폰에서 어떻게 보일까?" 늘 궁금하시죠?

오늘은 Figma 유저라면 꼭 알아야 할 꿀팁!
바로 Figma 미러링을 이용해 실시간으로 디자인을 디바이스별 테스트하는 방법을 소개해드릴게요.
UI/UX 디자이너, 퍼블리셔, 기획자 모두에게 유용한 방법입니다.

 

---

 

Step 1. Figma  앱 설치하기

• 앱스토어에서 Figma 검색 후 설치
• 아이폰 또는 아이패드에서 모두 사용 가능
• 설치 후, Figma 계정으로 로그인 필요
  
  

Step 2. PC에서 Figma 디자인 열기

• 데스크톱에서 프로젝트 열기
• 실시간으로 수정하고 저장하면,
• 모바일 앱에서는 바로 그 상태를 동기화된 상태로 확인 가능

✨Tip: 프레임 사이즈를 미리 iPhone 14, Galaxy S23 등으로 설정해두면 최적화된 프리뷰 가능!

 

Step 3. 실시간 피드백 받기 (디자이너/클라이언트 협업)

• 미러링으로 보여주며 피드백 받기
• "폰에서 이 폰트는 너무 작네", "간격이 너무 붙었어" → 바로 수정 가능
• 현장에서 빠르게 반영 → 커뮤니케이션 비용 절감
  
  ✅ 디자이너 팀 내부 테스트
  ✅ 기획자에게 컨펌 받기
  ✅ 클라이언트 실사 확인용으로도 매우 유용!

✨Tip: GIF파일 적용 시 PC에서 Present 활용하지 않고 미러링으로 바로 확인 가능!

Step 4. 주의사항 및 팁

• 같은 Wi-Fi망에서 접속 시 더 빠른 동기화
• 프레임을 선택하지 않으면 화면이 보이지 않음

 

마무리 ✍️

피드백 전 테스트, 디바이스별 테스트 등

시간 아끼고, 퀄리티 올리고 싶다면 지금 바로 설치해보세요!


 
도움이 되셨다면 하트💗 꾹 눌러주시고, 궁금한 점은 댓글로 남겨주세요!