> ## Documentation Index
> Fetch the complete documentation index at: https://www.canva.dev/docs/print-partnerships/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit designs

After a user creates a design, they may want to edit the design later. To enable this, Canva provides a [My Designs](https://www.canva.dev/docs/print-partnerships/concepts/product-catalog/#designs) carousel in the product catalog and an ID for each design.

Partners can enable the My Designs carousel to show and reopen a design from the product catalog. Partners can use the design ID to reopen a design by directly launching the Canva editor.

This page explains how to reopen and edit a design.

## Edit a design via the catalog-to-editor path

The [catalog-to-editor](https://www.canva.dev/docs/print-partnerships/concepts/user-journey/#catalog-to-editor) path lets you show and reopen a design from the My Designs carousel of the product catalog.

### Step 1: Show the My Designs carousel

A product catalog doesn't show the My Designs carousel by default. You must enable the carousel.

To enable the carousel, use the [`onDesignSelect`](https://www.canva.dev/docs/print-partnerships/javascript-api/on-design-select/) callback in the [`showCatalog`](https://www.canva.dev/docs/print-partnerships/javascript-api/show-catalog/) method.

```js
(async () => {
  const api = await Canva.Partnership.initialize({
    apiKey: "<partner_api_key>",
    autoAuthToken: "<auto_auth_token>",
    container: document.getElementById("container"),
  });

  const onDesignSelect = (opts) => {
    console.log(opts);
  };

  api.showCatalog({
    onDesignSelect,
  });
})();
```

The `onDesignSelect` callback passes information about the design a user selects, including the design ID.

At this point, users can see their designs in the My Designs carousel, but can't reopen a design in the Canva editor yet.

### Step 2: Reopen a design

When a user selects a design in the My Designs carousel, you must reopen the design in the Canva editor. This lets a user edit their design.

To reopen a design, in the `onDesignSelect` callback, call the [`editDesign`](https://www.canva.dev/docs/print-partnerships/javascript-api/edit-design/) method and pass the design ID.

```js
const onDesignSelect = (opts) => {
  api.editDesign({
    ...opts,
    designId: opts.designId,
  });
};
```

## Edit a design via the direct-to-editor path

The [direct-to-editor](https://www.canva.dev/docs/print-partnerships/concepts/user-journey/#direct-to-editor) path lets you reopen a design by directly launching the Canva editor.

### Step 1: Get the design ID

Canva provides the design ID when:

* A user creates a new design.
* Canva generates the artworks for a design.

You can save the design ID locally or to a datastore. You can later use the design ID to reopen a design.

#### Option 1: When a user creates a design

To get the design ID when a user creates a design, use the [`onDesignOpen`](https://www.canva.dev/docs/print-partnerships/javascript-api/on-design-open/) callback in the [`createDesign`](https://www.canva.dev/docs/print-partnerships/javascript-api/create-design/) method.

```js
(async () => {
  const api = await Canva.Partnership.initialize({
    apiKey: "<partner_api_key>",
    autoAuthToken: "<auto_auth_token>",
  });

  const onDesignOpen = (opts) => {
    console.log(opts);
  };

  api.createDesign({
    partnerProductId: "Poster11x17in",
    designSource: "direct",
    onDesignOpen,
  });
})();
```

#### Option 2: When Canva generates the artworks

To get the design ID when Canva generates the artworks for a design, use the [`onMultiArtworkCreate`](https://www.canva.dev/docs/print-partnerships/javascript-api/on-multi-artwork-create/) method in the `createDesign` method.

```js
(async () => {
  const api = await Canva.Partnership.initialize({
    apiKey: "<partner_api_key>",
    autoAuthToken: "<auto_auth_token>",
  });

  const onMultiArtworkCreate = (opts) => {
    opts.artworks.forEach((artwork) => {
      console.log(artwork);
    });
  };

  api.createDesign({
    partnerProductId: "Poster11x17in",
    designSource: "direct",
    onMultiArtworkCreate,
  });
})();
```

### Step 2: Reopen a design

To reopen a design, call the [`editDesign`](https://www.canva.dev/docs/print-partnerships/javascript-api/edit-design/) method and pass the design ID.

```js
api.editDesign({
  designId: "DESIGN ID GOES HERE",
});
```