VibeIcons

VibeIcons는 브라우저에서 돌아가는 AI 아이콘 생성 도구로, 늘 같은 벽에 부딪히는 디자이너와 개발자를 겨냥한다. 쓰던 아이콘 세트에 필요한 아이콘이 없다는 벽이다. SVG 아이콘 생성기를 표방하며 픽셀이 아니라 벡터로 다룬다. 라이브러리를 바꾸거나 직접 그리는 대신, 아이콘을 말로 설명하면 모델이 같은 계열처럼 보이는 결과물을 만들어 낸다.

이 도구가 노리는 건 스타일 정렬이지, 그냥 이미지를 뽑아내는 게 아니다. Heroicons, Phosphor Icons, Lucide, Material, Eva, Airbnb 같은 목표 팩을 고르면, VibeIcons는 그 팩의 선 굵기와 모서리 처리, 그리드를 따라간다. 그래서 새 아이콘은 원본 옆에 놓아도 튀지 않는다. 디자인 시스템을 지탱하는 게 바로 이 일관성이며, 따로 생겨난 아이콘 하나가 흔히 그걸 무너뜨린다.

가장 큰 한계는 범위다. VibeIcons가 만드는 건 UI와 제품 아이콘이고, 로고나 일러스트, 사진풍 아트를 다루는 곳이 아니다. 그래서 얻는 사용자 정의 아이콘도 그 안에 머문다. 결과물은 작성한 문구에도 좌우되며, 원하는 모양이 나올 때까지 여러 번 다시 생성하게 된다. 크레딧제라 반복 시도에는 비용이 든다.

Getting Started

1. 이메일로 계정을 만들거나 Google로 계속한 뒤 생성기를 연다.
2. 필요한 아이콘 설명을 붙여 넣거나 제안된 프롬프트에서 시작한다.
3. 결과물을 맞추고 싶은 라이브러리 스타일을 고른다. 예를 들어 Phosphor, Heroicons, Lucide다.
4. 아이콘을 생성하고, 모양과 선 굵기가 만족스러울 때까지 문구를 다듬는다.
5. 완성된 아이콘을 SVG 파일로 내려받거나 정리된 React 코드를 복사한다.