Skip to main content
The #image command adds images to your Xcode asset catalog so your app can reference them by name anywhere in your code. Whether it’s an app icon, a background photo, or a custom illustration, this is how you get images into your app.

​
What It Does

When you use #image, the AI takes your selected image and:
  1. Adds it to your project’s asset catalog (Assets.xcassets)
  2. Names it based on your description or the original filename
  3. References it in your SwiftUI views wherever you specify
Your image becomes a first-class asset in your Xcode project, available through Image("name") in SwiftUI.

​
Supported Formats

FormatBest forNotes
PNGIcons, UI elements, graphics with transparencyLossless quality, supports alpha
JPEGPhotos, backgroundsSmaller file size, no transparency
GIFSimple animated imagesLimited color palette
HEICHigh-efficiency photosApple’s modern photo format
TIFFHigh-quality source imagesLarge file size
BMPLegacy bitmap imagesUncompressed
SVGVector graphics, scalable iconsResolution-independent

​
How to Use

1

Type #image in the chat

Type # and select image from the toolkit popover.
2

Select your image

The file picker opens, filtered to supported image formats. Choose the image you want to add.
3

Describe how to use it

The image appears as an orange chip below the input. Type a description of where the image should go in your app.
4

Send your message

Press Enter. The AI adds the image to your asset catalog and uses it in your app as described.

​
Example Prompts

Use this as the app's background image

This is the logo, display it at 120x120 on the splash screen

Add this icon for the settings tab

Place this illustration in the center of the empty state view

Use this as the profile placeholder image

​
Tips for Best Results

PNG supports transparency and keeps edges crisp — ideal for icons, buttons, and interface graphics.
JPEG files are significantly smaller than PNG for photographic content. Use them for backgrounds, hero images, and any photo-based assets.
SVG files are vector-based, so they look sharp at any size. Perfect for icons and illustrations that need to scale across different devices.
The original filename often becomes the asset name. A file called settings-icon.png is much easier to work with than IMG_4392.png.
#image adds the file to your app bundle. If you want to show the AI a design mockup or reference screenshot, drag-and-drop the image directly into the chat instead. Drag-and-drop images are seen by the AI but not added to your project.

Toolkit Overview

See all available # commands and how the toolkit works.

Using Images

Learn more about how Nativeline handles images in your projects.