Ga naar inhoud

AI-beeldgeneratie

Genereer aangepaste afbeeldingen en zoek stockfoto’s direct vanuit de AI-chat. Ingebouwd, geen API-sleutels vereist.

De AI van Proyecta kan afbeeldingen genereren tijdens het bouwproces. Er zijn twee ingebouwde tools — één voor aangepaste AI-gegenereerde visuals en één voor geselecteerde stockfotografie. Geen API-sleutels van derden vereist.

De AI beschikt over een generate_image-tool die op aanvraag aangepaste visuals maakt. Vraag gewoon:

  • "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"

Gegenereerde afbeeldingen worden opgeslagen in de bestandsopslag van je project en krijgen een permanente CDN-URL. De AI downloadt ze naar de src/assets/-map van je project (waarnaar via een ES6-import in componenten wordt verwezen). Gebruik target_path: public/<name> om bestanden in public/ te plaatsen voor stabiele URL’s, zoals favicons of OG-afbeeldingen.

Opties: De AI kan de beeldverhouding (1:1, 16:9, 9:16, 4:3, 3:4) en kwaliteit (medium, high) instellen.

Voor geselecteerde fotografie uit de echte wereld gebruikt de AI generate_stock_image om stockfotobibliotheken te doorzoeken (standaard Unsplash, Pexels wordt ook ondersteund):

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

Stockafbeeldingen worden gedownload naar de src/assets/-map van je project en er wordt ook een gelinkte CDN-URL teruggegeven. Attributie is opgenomen in het toolresultaat — de AI toont fotocredits in je UI wanneer het platform daarvoor is geconfigureerd.

Voor logo’s en eenvoudige illustraties kan de AI rechtstreeks SVG’s genereren zonder een image-API aan te roepen:

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-gegenereerde afbeeldingen worden geüpload naar blob-opslag en gedownload naar de src/assets/-map van je project
  • Stockafbeeldingen (Unsplash / Pexels) worden gedownload naar de src/assets/-map van je project
  • Door gebruikers geüploade afbeeldingen (vanuit je app) verlopen via de Bestanden & Media SDK

Als je een specifiek model of provider nodig hebt voor de eindgebruikers van je app (niet de builder), kan de AI elke beeldgeneratiedienst integreren:

  • 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"

Voeg de API-sleutel van je provider toe via Omgevingsvariabelen voordat je de opdracht geeft.