Перейти до вмісту

Генерація зображень за допомогою AI

Генеруйте власні зображення та знаходьте стокові фото прямо в AI-чаті. Вбудована функція, API-ключі не потрібні.

AI Proyecta може генерувати зображення в процесі створення додатку. Є два вбудовані інструменти — один для власних візуалів, згенерованих AI, інший для добірної стокової фотографії. Сторонні API-ключі не потрібні.

Вбудована генерація зображень

Section titled “Вбудована генерація зображень”

AI має інструмент generate_image, який створює кастомні візуали на вимогу. Просто попросіть:

  • "Generate a hero image for my landing page — abstract gradient with floating shapes"
  • "Create product mockup images for my e-commerce store"
  • "Make an illustration of a team collaborating for the about page"

Згенеровані зображення зберігаються у файловому сховищі вашого проєкту й отримують постійний CDN URL. AI завантажує їх до директорії src/assets/ вашого проєкту (з посиланням через ES6 import у компонентах). Використовуйте target_path: public/<name>, щоб розмістити файли в public/ для стабільних URL — наприклад, фавіконів або OG-зображень.

Параметри: AI може керувати співвідношенням сторін (1:1, 16:9, 9:16, 4:3, 3:4) та якістю (medium, high).

Стокова фотографія (Unsplash / Pexels)

Section titled “Стокова фотографія (Unsplash / Pexels)”

Для добірної реальної фотографії AI використовує generate_stock_image, щоб здійснювати пошук у бібліотеках стокових фото (за замовчуванням Unsplash, також підтримується Pexels):

  • "Find a hero photo of a modern office space"
  • "Add stock photos of food for the restaurant menu page"

Стокові зображення завантажуються до директорії src/assets/ вашого проєкту, а також повертається CDN URL для безпосереднього посилання. Атрибуція включена в результат інструменту — AI відображатиме підписи авторів у вашому інтерфейсі, якщо платформа налаштована відповідним чином.

Для логотипів і простих ілюстрацій AI може генерувати SVG безпосередньо, без виклику image API:

Generate an SVG logo for my app — minimalist, two colors, abstract mark.
Save it to public/logo.svg and use it in the navbar.

Де зберігаються зображення

Section titled “Де зберігаються зображення”
  • Зображення, згенеровані AI, завантажуються до blob-сховища та зберігаються до директорії src/assets/ вашого проєкту
  • Стокові зображення (Unsplash / Pexels) завантажуються до директорії src/assets/ вашого проєкту
  • Зображення, завантажені користувачами під час роботи з вашим додатком, обробляються через SDK Files & Media

Якщо для кінцевих користувачів вашого додатку (а не builder’а) потрібна певна модель або провайдер, AI може інтегрувати будь-який сервіс генерації зображень:

  • DALL-E / OpenAI"Add an image generation page that calls OpenAI's images API"
  • Stable Diffusion / Stability AI"Integrate Stability AI with an SDXL model"
  • Replicate"Add Replicate-powered image gen with model selection"

Додайте API-ключ вашого провайдера в Environment Variables перед тим, як робити запит.