Adding Assets

Use images and videos to guide Maker, replace media in your project, or pull from external sources—right from your prompt.

---

Uploading & Referencing Local Assets

1. Attach the file

   • Drag & drop an image into the prompt box, or click the ➕ icon to upload an image

   • Share a link to the video you wish to use. This needs to be a public URL. The link format can be HLS, MP4, Vimeo, YouTube etc.

2. Refer to your prompt

   Use the attached image as the hero background.

3. Maker will automatically insert or replace your project’s <img> with the uploaded asset.

---

Using External URLs

• Paste any public URL (PNG, JPEG, SVG, MP4, YouTube, Vimeo) directly into the prompt.

• Prompt example:

  Fetch this image: https://example.com/header.png and use it as the page’s hero banner.
  Embed this YouTube video (https://youtu.be/XYZ) below the introduction.

• Maker fetches and embeds external assets at generation time.

---

Replacing Assets in Your Project

• Share a prompt to make any asset updates

  In the hero banner, replace the logo with the attached image.
  

• Select Tool- Target any element in your live preview by clicking on the select tool first in the prompt box

• Maker AI updates your code to reference the new asset paths.

---

Embedding & Configuring Videos

Add the video as noted above, then prompt like:

• Make the video autoplay and loop enabled.

• Use the video as background, muted autoplay, with a poster frame from this asset

---

Best Practices

• Optimize file size: You don’t need to compress images before uploading—Maker automatically optimizes them for performance. For best visual quality, upload images at 2x the display size. Note: there is a 5MB file size limit per image.

• Descriptive filenames: When adding assets, add a description in the prompt box on how to use it

• Match dimensions: Use aspect ratios that fit your design.

• Host stable links: If you upload images directly to Maker, they’re automatically served via our CDN, ensuring fast, reliable, and consistent delivery. If you link to externally hosted assets, be sure they’re on a reliable server or CDN to avoid issues with broken or unstable links when the content is loaded or updated later.

---