Assets

You can open the Assets panel from the left menu bar in the Builder.

Images

Here you're able to upload your own images to use in your app project. Any .png, .jpg, .jpeg, .gif, .svg, or webp file can be uploaded. The size of the file should not exceed 5MB.

How to prepare images for upload

Optimize your images to decrease loading time and increase your app's performance. There are a variety of tools around the web like compressor.io and imageoptim that can help with this. Or you can use an image hosting service, like Cloudinary, that lets you serve optimized and edited images on demand.
Make sure the file name doesn't include special characters like: ,, ;, ", ', &, $, ^. etc. Feel free to use hyphens and underscores.
Make sure the file name starts with a letter
Avoid using long, alphanumeric file names. Instead, it's best to make the image file name descriptive.

Generating images using OpenAI's DALL·E

You can generate images using AI from within the Assets panel. To generate an image, click the Generate Image button in the top bar of the Assets panel.

Here you can select a model and image size then type in your prompt. Once you click Generate we'll send your request to OpenAI. When the image is returned, you can choose to save it to your project assets by giving it a name and clicking Save to Assets.

Model	Description	Image Sizes
DALL·E 2	The previous DALL·E model released in Nov 2022. The 2nd iteration of DALL·E with more realistic, accurate, and 4x greater resolution images than the original model.	1024×1024 512×512 256×256
DALL·E 3	The latest DALL·E model released in Nov 2023. DALL·E 3 understands significantly more nuance and detail than the previous systems, allowing you to easily translate your ideas into exceptionally accurate images.	1024x1024 1024x1792 1792x1024

Each subscription plan will have a set number of images which can be generated per month. If you'd like to generate images beyond this limit, you can enter your own OpenAI API key in the Integrations section for the Settings of your app project.

⚠️
Images with larger dimensions cost more to generate. Also, DALL·E 3 costs more than DALL·E 2. Keep this in mind when you are using your own OpenAI API key. See OpenAI pricing here.

Animations

Draftbit also supports rendering Lottie animations in your app. You can find free and premium Lottie animations on the Lottie site and other places around the web. Only the .json Lottie file type is supported with a max size of 5MB.

Using the Lottie component, you can render your uploaded Lottie animations or render one via a URL.