피그마(Figma)는 UX/UI 디자인을 위한 대표적인 툴이라고 할 수 있습니다. 더불어 피그마는 다양한 범위에서 사용할 수 있다는 장점을 가지고 있는데요. 하나의 툴로 여러 작업을 하고, 샘플 작업인 목업까지 마무리할 수 있다는 점이 참 편리하게 느껴지기도 합니다. 그래서 오늘은 피그마를 보다 풍성하게 활용할 수 있는 피그마 목업 플러그인에 대해 알아보겠습니다.
플러그인 사용 방법
![피그마 목업 플러그인 추천](https://ununblog.com/wp-content/uploads/2023/07/Group-1-1024x516.png)
먼저 플러그인은 피그마의 Community 탭에서 설치해야 합니다. 원하는 플러그인을 찾아 선택한 후 ‘Try it out’ 버튼을 클릭하면 작업 중이던 디자인 파일에서 사용할 수 있습니다.
![](https://ununblog.com/wp-content/uploads/2023/07/Group-2-1024x519.png)
설치된 플러그인들은 왼쪽 상단에 위치한 Resources에서 볼 수 있고, 키보드의 Ctrl 버튼과 ‘/’ 버튼을 눌러 빠르게 검색하는 것도 가능합니다.
Artboard Studio Mockups
https://www.figma.com/community/plugin/750673765607708804
![](https://ununblog.com/wp-content/uploads/2023/07/image-2-1024x85.png)
첫번째 플러그인은 Artboard Studio Mockups입니다. 해당 플러그인을 설치하고 실행하면 자사 홈페이지에서 API 코드를 받으라는 문구가 나옵니다. 설명대로 Artboard Studio 홈페이지에서 로그인 한 뒤, 코드를 붙여 넣으면 원활하게 사용할 수 있습니다. 유료 플랜도 있는 플러그인이지만 무료 소스들과 큰 차이가 있진 않습니다.
Clay Mockups 3D
https://www.figma.com/community/plugin/819335598581469537
![](https://ununblog.com/wp-content/uploads/2023/07/image-3-1024x86.png)
두번째 플러그인은 Clay Mockups 3D입니다. 클레이 질감의 목업 소스를 제공하는 플러그인입니다. 디바이스 색상과 각도를 마음대로 조절할 수 있어서 편리하답니다.
![](https://ununblog.com/wp-content/uploads/2023/07/image-4.png)
Vectary 3D Elements
https://www.figma.com/community/plugin/769588393361258724
![](https://ununblog.com/wp-content/uploads/2023/07/image-5-1024x92.png)
마지막 플러그인은 Vectary 3D Elements입니다. 목업 말고도 3D 개체가 많아서 활용도가 높은 플러그인입니다.
![](https://ununblog.com/wp-content/uploads/2023/07/image-7-1024x649.png)
더 알아보기
이외의 목업 소스가 필요하다면 피그마 Community에 있는 Files + Templates에서 찾아보시는 것도 방법입니다! 모두들 파이팅!
![피그마 목업 플러그인](https://ununblog.com/wp-content/uploads/2023/07/Group-3-1024x516.png)
이전 글