피그마 플러그인 추천 1편 - 이미지·아이콘 소스 모음

피그마 플러그인이 필요한 이유

피그마는 기본 기능만으로도 강력하지만, 플러그인을 더하면 작업 속도와 결과물의 완성도가 한 단계 올라갑니다. 이미지를 직접 찾고, 아이콘을 하나하나 그리고, 배경을 따로 지우는 작업을 매번 외부 도구로 처리하면 시간이 많이 듭니다. 플러그인을 활용하면 이 모든 작업을 피그마 안에서 끝낼 수 있습니다.

이번 글에서는 상세페이지, 카드뉴스, 메인 이미지 같은 작업에서 자주 쓰는 이미지와 아이콘 관련 플러그인 8가지를 정리했습니다. 무료로 어디까지 가능한지, 유료 전환은 어디서 발생하는지도 함께 적었습니다.

1. html.to.design - 웹사이트를 피그마로 가져오기

웹사이트 URL을 입력하면 해당 페이지를 피그마 디자인으로 그대로 변환해주는 플러그인입니다. HTML과 CSS 구조를 분석해서 레이어로 가져오기 때문에, 가져온 후 텍스트나 이미지를 자유롭게 수정할 수 있습니다.

어떤 작업에 유용한가

경쟁사 사이트의 디자인 구조를 분석할 때, 레퍼런스 사이트의 레이아웃을 뜯어보고 싶을 때, 기존 웹사이트를 리뉴얼하기 전에 현재 디자인을 피그마로 옮길 때 활용할 수 있습니다. 일일이 따라 그리는 시간을 크게 줄여줍니다.

모바일과 PC 등 여러 뷰포트를 동시에 가져올 수 있어서, 반응형 디자인을 분석할 때도 편리합니다.

2. Unsplash - 무료 사진 바로 삽입

세계적으로 유명한 무료 사진 사이트 Unsplash의 이미지를 피그마 안에서 바로 검색하고 삽입할 수 있는 플러그인입니다. 외부 사이트에 들어가서 다운받은 뒤 다시 끌어다 놓는 과정을 한 번에 해결합니다.

직접 써본 후기

포트폴리오를 만들 때나, 시안 단계에서 분위기만 빠르게 잡고 싶을 때 자주 씁니다. 실제 사용할 이미지가 아직 없을 때 임시로 넣어 분위기를 확인하기에 좋습니다. 검색어를 영어로 입력하면 결과가 더 풍부하게 나오는 편입니다.

사진 품질이 전반적으로 좋고 상업적 이용도 가능해서, 결과물에 그대로 사용해도 무리가 없습니다. 가장 자주 쓰는 플러그인 중 하나입니다.

3. Insert Big Image - 큰 이미지 한 번에 가져오기

용량이 크거나 해상도가 높은 이미지를 피그마에 넣을 때 사용하는 플러그인입니다. 일반적인 방법으로 큰 이미지를 끌어다 놓으면 피그마가 처리를 버거워하거나 압축돼서 들어가는 경우가 있는데, 이 플러그인은 큰 이미지도 한 번에 깔끔하게 넣어줍니다.

직접 써본 후기

상세페이지 작업할 때 자주 쓰는 플러그인입니다. 제품 사진이나 인쇄용으로 받은 고해상도 이미지를 그대로 가져와야 할 때 정말 유용합니다. 이미지를 한꺼번에 쫙 넣을 수 있어서 작업 흐름이 끊기지 않습니다. 큰 파일을 다뤄야 하는 작업이 많은 분이라면 꼭 추천하고 싶은 플러그인입니다.

4. Icons8 Background Remover - 피그마에서 바로 배경 제거

선택한 이미지의 배경을 자동으로 제거해주는 플러그인입니다. Remove.bg 같은 외부 사이트로 옮길 필요 없이, 피그마 안에서 바로 처리할 수 있습니다.

직접 써본 후기

이미지의 경계가 비교적 뚜렷할 때는 결과가 깔끔하게 나옵니다. 완벽하다고 할 수는 없지만, 피그마에서 바로바로 처리할 수 있다는 점이 가장 큰 장점입니다. 작업 흐름을 끊지 않고 빠르게 시도해볼 수 있어서, 일단 이 플러그인으로 먼저 시도해보고 결과가 만족스럽지 않으면 다른 방법(Remove.bg 등)을 찾는 방식으로 쓰고 있습니다. 가벼운 배경 제거는 이 플러그인만으로 충분한 경우가 많습니다.

5. IconScout - 아이콘부터 3D, 로티까지

아이콘, 일러스트, 3D 에셋, 로티 애니메이션까지 다양한 디자인 소스를 한 곳에서 찾을 수 있는 플러그인입니다. 최근에는 AI Asset Generator 기능이 추가되어, 프롬프트를 입력하면 일러스트, 3D 일러스트, 아이콘을 직접 생성할 수도 있습니다.

기능과 사용 후기

검색해서 가져오는 일반 아이콘과, AI로 생성하는 아이콘 두 가지 방식을 다 쓸 수 있다는 점이 특징입니다. 마음에 드는 아이콘 이름을 정확히 모를 때는 AI 생성 기능으로 원하는 분위기를 직접 만들어볼 수 있어서 편리합니다.

무료로 쓸 수 있는 범위가 있지만, 고급 에셋이나 일부 파일 형식은 유료입니다. 사용 빈도에 따라 무료로도 충분히 활용 가능합니다.

6. Icons8 - 검색하기 쉬운 아이콘 라이브러리

방대한 양의 아이콘, 일러스트, 사진을 제공하는 플러그인입니다. 키워드로 검색해서 마음에 드는 아이콘을 바로 캔버스에 넣을 수 있습니다.

직접 써본 후기

검색 기능이 잘 돼 있어서, 아이콘 이름을 정확히 모르더라도 비슷한 단어로 검색하면 원하는 아이콘을 찾기 쉽습니다. 디자인할 때 모든 아이콘 이름을 외우고 있는 건 아니다 보니, 이런 직관적인 검색이 정말 편합니다.

무료·유료 구분

PNG 형식은 무료로 사용할 수 있지만, 벡터 파일인 SVG는 유료입니다. 작업 결과물이 화면용이고 크기 변경이 크지 않다면 PNG 무료 버전만으로도 충분합니다. 다만 인쇄용이나 크기 변경이 잦은 작업이라면 SVG가 필요할 수 있어 유료 전환을 고려해야 합니다.

7. Blush - 맞춤형 일러스트 조합

다양한 일러스트레이터들이 만든 일러스트 컬렉션을 제공하는 플러그인입니다. 단순히 일러스트를 가져오는 것이 아니라, 캐릭터의 표정·자세·옷·배경 등을 직접 조합해서 맞춤형 일러스트를 만들 수 있다는 점이 특징입니다.

기능 소개

서비스 소개 페이지, 빈 화면(Empty State), 온보딩 화면처럼 분위기를 부드럽게 만들고 싶을 때 활용도가 높습니다. 손그림 느낌의 따뜻한 톤이 강점입니다.

무료·유료 구분

Small PNG, Medium PNG는 무료로 사용 가능하며, Large PNG와 SVG는 유료입니다. 화면용 일러스트라면 무료 크기로도 대부분 해결됩니다.

8. Material Symbols - 구글 공식 아이콘

구글이 제공하는 머티리얼 디자인 아이콘을 피그마에서 바로 사용할 수 있는 공식 플러그인입니다. 약 3,000개 이상의 아이콘이 무료로 제공되며, 회원가입이나 토큰 같은 제한 없이 바로 쓸 수 있습니다.

가장 큰 장점

같은 아이콘이라도 스타일(Outlined / Filled / Rounded / Sharp), 굵기(Weight 100~700), 채우기(Fill), 광학 크기(Optical size) 를 자유롭게 조절할 수 있다는 점이 다른 아이콘 플러그인과의 큰 차이입니다. 한 아이콘으로 여섯 가지 이상의 다른 느낌을 만들 수 있어서, 디자인 톤에 맞게 세밀하게 조정 가능합니다.

왜 추천하는가

구글이 직접 운영하는 공식 플러그인이라 정책이 갑자기 바뀌거나 회원가입을 요구할 가능성이 낮습니다. 다른 무료 아이콘 플러그인들이 점점 로그인을 요구하는 추세인데, Material Symbols는 깔자마자 바로 쓸 수 있다는 안정성이 큰 강점입니다. 아이콘은 많을수록 작업이 편하니, 이런 안정적인 플러그인 하나는 깔아두는 것을 추천합니다.

정리하며

이번 글에서 소개한 8가지 플러그인은 모두 이미지와 아이콘 관련 작업을 도와주는 도구입니다. 무료로 충분히 활용 가능한 플러그인부터, 일부 기능은 유료로 전환되는 플러그인까지 다양합니다.

특히 자주 쓰는 것을 꼽자면 Unsplash, Insert Big Image, Icons8 Background Remover, Material Symbols 정도가 있습니다. 이 네 가지만 깔아두어도 상세페이지나 카드뉴스 작업에서 이미지와 아이콘 부분은 거의 다 해결됩니다.

다음 글에서는 목업, 애니메이션, 그라데이션, 그림자 같은 디자인 완성도를 올려주는 플러그인들을 다룰 예정입니다. 1편에서 소스를 모았다면, 2편에서는 그 소스들을 더 멋지게 다듬는 도구들을 소개합니다.

더 다양한 AI 도구와 디자인 도구는 nowtools.kr에서 확인하세요.