> For the complete documentation index, see [llms.txt](https://docs.aiforglobaleducation.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.aiforglobaleducation.org/ai-cooking-lab/creating-infographics-with-googles-ai-suite.md).

# Creating Infographics with Google's AI Suite

Creating infographics has never been easier with Google's Creative AI Suite.

## Using NanoBanana in Gemini

### <kbd>**Step 1**</kbd>&#x20;

Go to [Gemini](https://gemini.google.com/app) and make sure you select the Image function. This will activate NanoBanana.&#x20;

<figure><img src="https://5742021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE3tWQf49thnRSqnvoWEv%2Fuploads%2F6ksPU4wGfoRlUkhFBbRq%2FScreenshot%202026-01-11%20at%2017.57.39.png?alt=media&amp;token=961d9dcb-066b-497d-8f0c-170fbfdc4870" alt=""><figcaption></figcaption></figure>

### Step 2

Provide Gemini either with a File from which to create the infographic, or with the text from which to create the Infographic followed by a prompt, such as :&#x20;

```
// Create a square infographic from the attached documents. Make sure to focus specifically on the practical aspects of it and emphasize instructions.
```

<figure><img src="https://5742021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE3tWQf49thnRSqnvoWEv%2Fuploads%2FoyQSrbgGATuJep7ZO7od%2FScreenshot%202026-01-11%20at%2018.02.36.png?alt=media&amp;token=60aa83f0-61a7-4ef5-8247-4be14c1537d4" alt=""><figcaption></figcaption></figure>

### Step 3

Include additional information about your style, brand guidelines and audience. Include additional parameters such as:

```
// Make sure to use our brand colour theme as per the below:
Background: f7ebe8
Main text: 080a47
Other elements: fd6b00 , 009ffd, d90368
Ensure the style is minimalistic fit for education.
```

<figure><img src="https://5742021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE3tWQf49thnRSqnvoWEv%2Fuploads%2FHmJ4HV40v5D4OaopXruM%2FScreenshot%202026-01-11%20at%2018.04.26.png?alt=media&amp;token=bc4e03c2-c698-480a-8750-ad1fda46bc28" alt=""><figcaption></figcaption></figure>

### Result

Ta-dah! Exactly what we needed. Although we might ask it to remove the references from the picture.

<figure><img src="https://5742021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE3tWQf49thnRSqnvoWEv%2Fuploads%2FNt2xaIPi471tLg1rIwZW%2Funknown.png?alt=media&amp;token=41ad9bb0-99b1-488e-b093-141dd58022d2" alt=""><figcaption></figcaption></figure>

## Using Notebook LM

### Step 1

Go to [Notebook ML](https://notebooklm.google.com/) and upload a source. It can be a file, text, website link, YouTube Video, or a file from Google Drive.

<figure><img src="https://5742021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE3tWQf49thnRSqnvoWEv%2Fuploads%2FHWwPwMx9lreGLKGhN2DR%2FScreenshot%202026-01-11%20at%2018.11.01.png?alt=media&amp;token=9578975a-b99c-4aa9-a9e5-fefdfee59bbb" alt=""><figcaption></figcaption></figure>

### Step 2

Once you have loaded the resource click on the Edit Infographic Icon. Maje sure to click on the Icon, not the main Infographic button as if you do that Google will just automatically create one. By editing it you have more control over the format. Here you can choose a preferred orientation and add extra details.

<figure><img src="https://5742021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE3tWQf49thnRSqnvoWEv%2Fuploads%2FY4cZYLDpQ8W96TAr9sN7%2FScreenshot%202026-01-11%20at%2018.15.23.png?alt=media&amp;token=2c6cee87-02cb-4890-b0ca-b686220d3d2c" alt=""><figcaption></figcaption></figure>

```
// A practical infographic taking users through a how to journey. Make sure to use our brand guidelines:
Background: f7ebe8
Main text: 080a47
Other elements: fd6b00 , 009ffd, d90368
Ensure the style is minimalistic fit for education.
```

### Results

a) Without custom instructions (Google decide the style)

<figure><img src="https://5742021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE3tWQf49thnRSqnvoWEv%2Fuploads%2FgQBDNpKqbBdMSqdcjC2x%2Funnamed.png?alt=media&amp;token=1b2760a5-a1cb-4c77-b6ec-4272aa67683f" alt=""><figcaption></figcaption></figure>

b) With custom instructions  (You decide the style)

<figure><img src="https://5742021-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE3tWQf49thnRSqnvoWEv%2Fuploads%2FHVWctFKO17tefsknHxL1%2Fimage.png?alt=media&amp;token=042656f9-7e65-41ff-948e-cbb76e157d64" alt=""><figcaption></figcaption></figure>

## Best Approach

You decide what works best for you and your use case. The beauty of this is you can tweak these instructions and refine them until you come up with the perfect recipe. Feel free to expriment with different types of illustrations - such as isometric, realistic, anime style, cartoon style, newspaper style, caricature style etc&#x20;


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.aiforglobaleducation.org/ai-cooking-lab/creating-infographics-with-googles-ai-suite.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
