> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rork.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Image Generation

> This document outlines how you can use AI Image Generation with your Rork applications.

export const CtaBanner = () => <div style={{
  display: "flex",
  alignItems: "center",
  justifyContent: "space-between",
  gap: "24px",
  flexWrap: "wrap",
  margin: "40px 0 8px",
  padding: "22px 28px",
  borderRadius: "16px",
  background: "linear-gradient(135deg,rgba(249,115,22,0.10),rgba(255,255,255,0.03),rgba(249,115,22,0.06))",
  border: "1px solid rgba(255,255,255,0.08)"
}}>
    <div>
      <div style={{
  fontSize: "19px",
  fontWeight: 700,
  color: "#fff",
  letterSpacing: "-0.3px",
  lineHeight: 1.3
}}>
        Build your app with Rork today.
      </div>
      <div style={{
  fontSize: "14px",
  color: "rgba(255,255,255,0.6)",
  marginTop: "4px",
  lineHeight: 1.5
}}>
        Ship iOS, Android, and web apps by chatting with AI.
      </div>
    </div>
    <a href="https://rork.com" style={{
  flexShrink: 0,
  display: "inline-block",
  padding: "10px 24px",
  background: "linear-gradient(135deg,#fff,#f0f0f0)",
  color: "#000",
  fontSize: "14px",
  fontWeight: 600,
  borderRadius: "100px",
  textDecoration: "none",
  whiteSpace: "nowrap"
}}>
      Try Rork for Free
    </a>
  </div>;

Rork makes it super easy to quickly generate assets or connect functionality in your app with AI image generation. With generation tools like NanoBanana, Sora, and others, there is a whole lot to utilize from within your Rork project. You can even generate your App Icon within the editor. Lets go through all the use cases.

## **Generate your Image Icon**

You can have Rork generate your image icon just by saying "Please update our app icon by generating an image for it. \{Describe any custom details for your icon}" in the Rork editor for your project.

You can also quickly generate an icon by clicking on the project settings by clicking on your Project Title on the top left, and then pressing "Generate Icon".

<img src="https://mintcdn.com/rork/iL9LyVNtZrWqYS-4/images/trimmm.gif?s=4cd056a1882d0bd7f35005d6e5aeef6c" alt="trimmm.gif" width="3456" height="1926" data-path="images/trimmm.gif" />

<img src="https://mintcdn.com/rork/iL9LyVNtZrWqYS-4/images/Screenshot2025-12-08at3.22.21PM.png?fit=max&auto=format&n=iL9LyVNtZrWqYS-4&q=85&s=6c25871ff9f203b7ce363dd8a9485057" alt="Screenshot 2025-12-08 at 3.22.21 PM.png" width="1172" height="1160" data-path="images/Screenshot2025-12-08at3.22.21PM.png" />

If all goes correctly, you should see a new icon generated and your app updated! This icon will transfer to your actual published app on the App Store.

## Using Image Generation functionality within a Project

You can create text to image or image to image generation functions for your Rork project. This can be helpful if you are making an app like a Polaroid app, that takes a picture of you and then generates an image in a polaroid for you.

Here is an example prompt for that:

> Please add an AI image generator / NanoBanana for this camera app. When a user takes a photo with this camera app, instead of returning the actual photo, generate a polaroid version of that image. Ask the user what celebrity that want in the picture before generating the image.

This will generate a project thats main function is to take pictures and turn them into polaroids with celebrities.

<CtaBanner />