AI 이미지 생성
AI 채팅에서 바로 커스텀 이미지를 생성하고 스톡 사진을 찾아보세요. 별도의 API 키 없이 기본 제공됩니다.
Proyecta의 AI는 빌드 과정에서 이미지를 생성할 수 있습니다. AI가 생성한 커스텀 비주얼용 도구와 엄선된 스톡 사진용 도구, 두 가지가 기본으로 내장되어 있습니다. 서드파티 API 키는 필요하지 않습니다.
기본 내장 이미지 생성
섹션 제목: “기본 내장 이미지 생성”AI에는 필요에 따라 커스텀 비주얼을 만드는 generate_image 도구가 있습니다. 다음과 같이 요청해보세요:
"랜딩 페이지용 히어로 이미지 생성해줘 — 플로팅 도형이 있는 추상적인 그라디언트""이커머스 스토어를 위한 제품 목업 이미지 만들어줘""소개 페이지에 쓸 팀 협업 일러스트레이션 만들어줘"
생성된 이미지는 프로젝트의 파일 스토리지에 저장되며 영구적인 CDN URL이 부여됩니다. AI는 이미지를 프로젝트의 src/assets/ 디렉터리에 다운로드합니다(컴포넌트에서 ES6 import로 참조). 파비콘이나 OG 이미지처럼 안정적인 URL이 필요한 파일은 target_path: public/<name>을 사용해 public/에 배치하세요.
옵션: AI는 가로세로 비율(1:1, 16:9, 9:16, 4:3, 3:4)과 품질(medium, high)을 조절할 수 있습니다.
스톡 사진 (Unsplash / Pexels)
섹션 제목: “스톡 사진 (Unsplash / Pexels)”실제 사진이 필요할 때 AI는 generate_stock_image를 사용해 스톡 사진 라이브러리를 검색합니다(기본값은 Unsplash이며 Pexels도 지원됩니다):
"모던한 사무실 공간 히어로 사진 찾아줘""레스토랑 메뉴 페이지에 쓸 음식 스톡 사진 추가해줘"
스톡 이미지는 프로젝트의 src/assets/ 디렉터리에 다운로드되며, 핫링크 CDN URL도 함께 반환됩니다. 도구 결과에는 저작권 표시 정보가 포함되며, 플랫폼 설정에 따라 AI가 UI에 사진 크레딧을 렌더링합니다.
로고 및 SVG
섹션 제목: “로고 및 SVG”로고나 간단한 일러스트레이션은 이미지 API를 호출하지 않고 AI가 SVG를 직접 생성할 수 있습니다:
Generate an SVG logo for my app — minimalist, two colors, abstract mark.Save it to public/logo.svg and use it in the navbar.이미지 저장 위치
섹션 제목: “이미지 저장 위치”- AI 생성 이미지는 blob 스토리지에 업로드된 후 프로젝트의
src/assets/디렉터리에 다운로드됩니다 - 스톡 이미지 (Unsplash / Pexels)는 프로젝트의
src/assets/디렉터리에 다운로드됩니다 - 런타임에 업로드된 이미지 (앱 사용자가 업로드한 파일)는 파일 및 미디어 SDK를 통해 처리됩니다
서드파티 제공업체
섹션 제목: “서드파티 제공업체”앱의 최종 사용자를 위해 특정 모델이나 제공업체가 필요한 경우(빌더가 아닌), AI가 모든 이미지 생성 서비스를 연동할 수 있습니다:
- DALL-E / OpenAI —
"OpenAI 이미지 API를 호출하는 이미지 생성 페이지 추가해줘" - Stable Diffusion / Stability AI —
"SDXL 모델로 Stability AI 연동해줘" - Replicate —
"모델 선택 기능이 있는 Replicate 기반 이미지 생성 추가해줘"
요청하기 전에 환경 변수에서 제공업체의 API 키를 먼저 추가하세요.