콘텐츠로 이동

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)을 조절할 수 있습니다.

실제 사진이 필요할 때 AI는 generate_stock_image를 사용해 스톡 사진 라이브러리를 검색합니다(기본값은 Unsplash이며 Pexels도 지원됩니다):

  • "모던한 사무실 공간 히어로 사진 찾아줘"
  • "레스토랑 메뉴 페이지에 쓸 음식 스톡 사진 추가해줘"

스톡 이미지는 프로젝트의 src/assets/ 디렉터리에 다운로드되며, 핫링크 CDN URL도 함께 반환됩니다. 도구 결과에는 저작권 표시 정보가 포함되며, 플랫폼 설정에 따라 AI가 UI에 사진 크레딧을 렌더링합니다.

로고나 간단한 일러스트레이션은 이미지 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 키를 먼저 추가하세요.