이미지 도구

빌드하기 전에 AI와 시각적 방향을 맞추고, 제품 이미지를 생성해 코드베이스에 바로 저장합니다

이미지 도구를 사용하면 제품을 만드는 과정에 이미지를 함께 가져올 수 있습니다. 코드를 작성하기 전에 AI와 디자인 방향을 맞추고, 여러 변형을 펼쳐 비교한 뒤 가장 잘 맞는 안을 선택하세요. 그런 다음 프로젝트에 필요한 최종 제품 이미지와 애셋을 생성할 수 있습니다. 모든 이미지는 적절한 카테고리 아래 리포지토리에 다시 저장되므로, 시각 자료가 이를 사용하는 코드 옆에 함께 존재합니다.

이미지 도구로 할 수 있는 일

빌드 전에 디자인 방향을 맞춥니다. 구현을 시작하기 전에 AI와 함께 참고용 목업을 만들어 팀이 시각적 방향에 합의할 수 있습니다.
여러 버전을 생성한 뒤 선택합니다. 같은 프롬프트로 여러 변형을 요청하고, 첫 결과에 바로 확정하지 않고 나란히 비교할 수 있습니다.
제품 이미지와 애셋을 제작합니다. 방향이 확정되면 같은 대화를 아이콘, 히어로 이미지, 일러스트, OG 카드, 마케팅 비주얼을 만드는 소스로 활용할 수 있습니다.
정리된 형태로 코드베이스에 저장합니다. Verdent는 생성된 모든 이미지를 리포지토리의 분류된 폴더에 저장하므로, 장기적으로도 깔끔하게 관리할 수 있습니다.

사용 방법

원하는 이미지를 설명합니다

채팅에서 Verdent에게 필요한 이미지를 알려주세요. 예를 들어 *"가격 페이지용 히어로 일러스트 시안 3개를 만들어줘. 플랫 스타일, 블루/바이올렛 팔레트."*처럼 요청할 수 있습니다. AI가 참고할 수 있도록 참고 이미지, 스크린샷, 기존 로고를 첨부할 수도 있습니다.

변형을 생성하고 방향을 맞춥니다

Verdent가 여러 버전을 나란히 보여줍니다. 구성, 팔레트, 톤을 비교하세요. *"#2는 유지하되 배경을 더 밝게 해줘"*처럼 수정을 요청하며, 팀과 방향이 맞을 때까지 반복합니다.

방향을 확정하고 애셋을 생성합니다

최종안을 선택했다면 이를 참고 자료로 다시 사용해 전체 제품 이미지 세트를 생성합니다. 앱 아이콘, 배너, 인앱 일러스트, OG 이미지, 소셜 크리에이티브를 만들 수 있습니다. 세트 전체에서 스타일이 일관되게 유지됩니다.

코드베이스에 저장합니다

저장 위치를 확인하거나 직접 지정합니다. Verdent는 이미지를 리포지토리의 분류된 폴더에 기록하므로, 코드와 함께 배포되고 버전 관리에 포함됩니다.

별도 패널을 열 필요가 없습니다. 채팅에서 이미지를 요청하기만 하면 Verdent가 자동으로 Image Tool을 통해 요청을 처리합니다.

저장 및 정리

Image Tool은 생성된 이미지를 블랙박스 갤러리가 아니라 프로젝트에 직접 저장합니다. Verdent는 프롬프트에서 카테고리를 추론하고 대상 폴더를 선택하므로, 시간이 지나도 애셋을 쉽게 찾고 관리할 수 있습니다.

기본 레이아웃

your-project/
└── assets/
    └── images/
        ├── drafts/          # Early alignment drafts and explorations
        ├── icons/           # Product icons and glyphs
        ├── illustrations/   # In-app illustrations and empty states
        ├── marketing/       # Social, ads, OG images
        └── references/      # Uploaded reference images

자동 분류. Verdent는 프롬프트에서 카테고리를 추론합니다. 예를 들어 "…용 app icon" → icons/, "landing hero…" → marketing/처럼 처리합니다.
생성별 재정의. 경로를 명시적으로 지정하세요. *"public/og/에 저장해줘"*처럼 요청하면 Verdent가 그대로 따릅니다.
버전 관리 가능. 저장된 이미지는 리포지토리의 일반 파일입니다. 다른 애셋처럼 커밋하고, diff를 확인하고, 리뷰할 수 있습니다.
다시 열 수 있음. 저장된 모든 이미지는 생성에 사용한 프롬프트와 설정을 보관하므로, 나중에 같은 방향으로 이어서 작업할 수 있습니다.

프로젝트의 기본 폴더를 다르게 쓰고 싶나요? Verdent에게 한 번만 알려주세요. *"이제부터 모든 이미지를 src/assets/img/ 아래에 저장해줘"*라고 말하면 이후 생성에도 기억됩니다.

팁

대량 생성 전에 방향을 먼저 맞추세요. 초반에 3~4개의 짧은 시안을 만들어보면 전체 애셋 세트를 제작하기 시작한 뒤 발생하는 많은 재작업을 줄일 수 있습니다.

최종안을 참고 자료로 재사용하세요. 승인된 시안을 다시 참고 자료로 넣으면 새로 만드는 모든 애셋이 그 시안과 시각적으로 일관되게 유지됩니다.

크기와 사용 사례를 구체적으로 적으세요. *"1024×1024 앱 아이콘, 투명 배경, 플랫 스타일"*은 *"아이콘"*보다 훨씬 좋은 결과를 만듭니다.

이미지 도구