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

# prepareDesignEditor

API reference for the intents prepareDesignEditor method.

Prepares a DesignEditor Intent.

## Usage

```tsx
import { prepareDesignEditor } from '@canva/intents/design';

prepareDesignEditor({
 render: async () => {
   // TODO: Implement the logic to render your app's UI
 },
});
```

## Parameters

<Prop.List>
  <Prop name="implementation" required type="DesignEditorIntent" sourceLineNumbers={[39]}>
    Main interface for implementing the DesignEditor intent.

    Implementing the DesignEditor Intent enables apps to assist users in editing designs,
    by presenting interactive and creative tooling alongside the Canva design surface.

    <PillAccordion defaultExpanded={true} title={<>Properties of <strong>implementation</strong></>}>
      <Prop.List>
        <Prop name="render" required type="function" sourceLineNumbers={[20]}>
          Renders the UI containing the app’s functionality.

          <Prop.Extras>
            **Example**

            ```tsx
            function render() {
              // render your UI using your preferred framework
            }
            ```
          </Prop.Extras>

          **Returns**

          `void`
        </Prop>
      </Prop.List>
    </PillAccordion>
  </Prop>
</Prop.List>

## Returns

`void`