---
title: "Integrate AI into your editor"
description: "Integrate AI features into your editor like smart autocompletion, image generation and more. Read about it in our docs."
canonical_url: "https://tiptap.dev/docs/content-ai/capabilities/generation/overview"
---

# Integrate AI into your editor

Integrate AI features into your editor like smart autocompletion, image generation and more. Read about it in our docs.

- **1. Activate trial or subscribe**

  Start a [free trial](https://cloud.tiptap.dev/v2?trial=true) or [subscribe to the Start
  plan](https://cloud.tiptap.dev/v2/billing) in your account.
- **2. Integrate an AI provider**

  Configure OpenAI in your [AI settings](https://cloud.tiptap.dev/v2/cloud/ai) or review the
  [Custom LLM guide](https://tiptap.dev/docs/content-ai/capabilities/generation/custom-llms.md).
- **3. Install from private registry**

  To install the frontend extensions, authenticate to Tiptap’s private npm registry by following
  the [setup guide](https://tiptap.dev/docs/guides/pro-extensions.md).

Integrate the AI Generation extension into your Tiptap Editor with just a couple of lines of code. This extension equips you with a set of AI-enhanced features including pre-built commands, prompt customization, image generation, and smart autocompletion.

Add your own custom commands on top and even integrate your own proprietary LLM to create a unique user experience.

> **Interactive demo:** [AiCommands](https://embed-pro.tiptap.dev/preview/Extensions/AiCommands)

## AI Generation features

- [Pre-configured default commands](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation.md)
- [Autocompletion for efficient editing](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation/autocompletion.md)
- Real-time streaming for commands
- Compatibility with various OpenAI models (e.g., gpt-4o, gpt-4o-mini, gpt-5, dall-e-3)
- [Create your own prompts and commands](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation/custom-commands.md)
- [Custom LLM integration](https://tiptap.dev/docs/content-ai/capabilities/generation/custom-llms.md)
- Works seamlessly with Tiptap Collaboration ([learn more](https://tiptap.dev/docs/content-ai/resources/collaboration.md))

## How it works

Integrate [OpenAI](https://tiptap.dev/docs/content-ai/capabilities/generation/install.md) or your own [Custom LLM](https://tiptap.dev/docs/content-ai/capabilities/generation/custom-llms.md) with your Tiptap Editor. The extension covers both, the client and server-side implementations. Here’s the user experience:

1. Highlight text in the editor and apply an AI command.
2. Your selection, the chosen action, and any options are sent to our cloud service.
3. We generate a prompt and engage OpenAI on your behalf.
4. The AI's response is then directly inserted or streamed into your editor.

By default, this utilizes our backend service, but there are options for advanced scenarios including custom backends and LLMs.