안녕하세요 여러분! 오늘은 피그마로 목업을 무료로 제작할 수 있는 아주 유용한 플러그인을 소개해드릴까해요 🙂
바로 <mockup> 이라는 플러그인입니다.
저도 uxui 디자이너 공부를 해오면서 포트폴리오 제작할 때 매번 목업을 포토샵으로 작업해야 하는 귀찮은 과정을 겪었어야 했는데요
피그마로 바로 목업을 제작할 수 있는 신박한 플러그인을 발견하여 저도 급할 때 유용하고 쓰고 있어 소개해드리려고 냉큼 포스팅하려합니다 ㅎㅎ 🙂
아쉽게도 ‘완전’ 무료는 아니고 39개의 목업만 무료고 나머지는 유료 결제(한 달에 약 1만원)를 해야 사용 가능한데요,
하지만 39개의 무료 목업도 정말 훌륭하고 쓸모 있으니
급하시거나 기본적인 목업이 필요하신 분께는 아주 강추드려요 ! 저도 무료 버전으로 정말 잘 사용했거든요 🙂
예시와 함께 차근차근 알아가볼까요?
<mockup> 플러그인 사용방법

먼저 피그마 커뮤니티에 들어가서 영어로 <mockup> 이라고 검색하셔서 설치 !

설치 순서는 Run → Mockup Library 순으로 하시면 됩니다 🙂

이제 실행해볼까요? 오른쪽 마우스를 누르고 Plugins→Mockup→Mockup Library 누르시면 쉽게 실행 완료 !

mockup 플러그인의 시작 화면이 떴네요 !

아래로 쭉 내리다보면 <Latest Free Mockups> 를 누르시면 , 39개의 무료 목업들이 나옵니다 🙂

무료치곤 생각보다 고퀄인 것 같네요 ㅎㅎ
무료 목업들을 구경하면서 마음에 드는 목업을 클릭 !

클릭하시면 파란색 +화면을 가진 목업이 나옵니다.

이제 넣고싶은 프레임을 선택하시면 됩니다 🙂
저도 작업해놨던 프레임을 선택해볼게요 !

그 다음 마지막으로 Paste in Canvas를 클릭하시면,

짠 ! wow
진짜 1분정도의 시간으로 목업이 탄생하게 되었어요
크기도 자유롭게 조절 가능하니 , 프레임 사이즈에 맞게 조절하실 수 있답니다 🙂

작업 중인 프레임에 쏙 넣어봤습니다 🙂 깔끔하게 잘 목업되었죠?!
급할 때나 포토샵에 익숙지 않은 초보 분들에게 도움이 될만한 훌륭한 플러그인이라고 생각합니다 🙂
시간 절약도 되니, 한 번 사용해 보시는 것을 추천드려요!