> ## Documentation index
> Fetch the complete documentation index at: https://www.tutorial.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Article Basics

> Generate step-by-step written documentation with screenshots from your video recordings — then export to Word, Notion, Zendesk, and more.

Section: Docs › Getting started

Tutorial AI can automatically generate a written article with screenshots from any screen recording — giving you both a video tutorial and written documentation from a single recording.

[Video: Tutorial AI - Document Editor](https://embed.videoscripter.ai/video/019d34c8-4c72-768f-8549-82a0ef44dfce)

## How it works

After creating a video project, switch to the **Document** tab to generate written documentation.

![](https://www.tutorial.ai/images/help/help-14323571-image_full.59003368.png)

Click **Generate Documentation** — AI analyzes your video and narration, then transforms the content into structured written instructions:

1. **Screenshots** are captured at key moments in your recording

2. **Text instructions** are generated from your script

3. **The article** is assembled with screenshots placed alongside each step

## Adding screenshots

Use the built-in **Screenshot Selector** to grab frames directly from your video — no manual screenshots needed.

![](https://www.tutorial.ai/images/help/help-14323571-019d352f-736c-73d3-a649-65be4b3c7396.90f3a9b6.webp)

The selector highlights key events and Sync Markers along your video's timeline, making it easy to find the right frame. You can also use the **Crop Tool** to focus on a specific area of the screenshot before inserting it.

## Editing the article

Customize the generated article using the built-in editor:

- Edit the text for each step
- Select which screenshots to include or exclude
- Reorder steps as needed
- Add headings to organize content into logical sections
- Format with bold, lists, and other standard options

## Exporting

When your article is ready, click **Export** and choose your preferred format.

![](https://www.tutorial.ai/images/help/help-14323571-019d3f48-8552-7471-be03-5ba214c3360a.9e34ac10.png)

Available export formats and integrations:

| Format | Use case |
|--------|----------|
| **Word** (.docx) | Office documents, internal sharing |
| **Google Docs** | Collaborative editing |
| **Notion** | Team wikis and knowledge bases |
| **Zendesk** | Customer support articles |
| **HubSpot** | Marketing knowledge bases |
| **WordPress** | Blog and CMS publishing |
| **Webflow** | Website content |
| **Markdown** | Developer docs, static sites |
| **HTML** | Web publishing |
| **RTF** | Universal rich text |

All formats preserve your document structure, formatting, and screenshots.

## Why both video and articles?

Different people learn differently. Some prefer watching a video, others prefer reading step-by-step instructions. By producing both formats from one recording, you serve every learning style without extra work.

Written articles also improve **SEO** — making your content discoverable by search engines and AI assistants in ways that video alone can't.

> **Tip:** Speak clearly and narrate the steps as you perform them during recording. This makes AI-generated documentation more accurate, since it uses your narration as the basis for written instructions.

## Next steps

  - [Quickstart](https://www.tutorial.ai/docs/getting-started/quickstart): Create your first video in 5 minutes
  - [Video Basics](https://www.tutorial.ai/docs/getting-started/video-basics): Understand the video creation workflow
  - [Generate Documentation](https://www.tutorial.ai/docs/publishing/generate-documentation): Full documentation generation guide
  - [Export Documents](https://www.tutorial.ai/docs/publishing/export-documents): Detailed export options

Source: https://www.tutorial.ai/docs/getting-started/article-basics