Faffbot: Automating Documentation from Videos

Author Image

by Daniel Prince-Llewellyn on

Introduction:
Faffbot simplifies the creation of “how-to” documentation by automatically generating markdown files from video demonstrations. Forget spending ages editing your video, manually writing the documentation, or being particularly careful about how you demonstrate. With Faffbot, you can quickly produce user guides, tutorials, and onboarding materials directly from your videos, saving time and effort.

Quick Start:

  1. Upload: Drag and drop your video onto the designated area on the Faffbot webpage.
    Upload Video

  2. Generate: Click the “GENERATE” button. Faffbot will upload your video, process it, and extract relevant images—all while you continue focusing on other tasks.
    Generate Documentation
    Processing Video

  3. Access: Once complete, click “DONE, LET’S GO” to view your generated documentation. You can copy the markdown directly or download a zip file containing the markdown and extracted images.
    Completed Processing
    Generated Documentation Preview
    Copy and Download Options

Features & Benefits:

  • Drag-and-drop Upload: Upload your video effortlessly.
  • Automated Documentation Generation: Converts your video demonstration into a structured markdown file, so you don’t need to spend time writing documentation yourself.
  • Image Extraction: Automatically captures key visuals from your video, so you don’t need to worry about editing.
  • Markdown Output: Provides documentation in a versatile format easily integrated with various platforms.
  • Downloadable Zip File: Includes all necessary files (markdown and images) for offline use and integration with documentation platforms like GitBooks or GitHub.
  • Copy to Clipboard: Quickly copy the generated markdown for immediate use.

What You Don’t Need to Do:

  • Spend ages editing your video: Faffbot identifies and extracts key moments, so you don’t have to worry about perfect cuts or polished editing.
  • Write the documentation yourself: Faffbot automatically generates user guides, release notes, or tutorials directly from your video.
  • Be particularly careful in how you demonstrate: Just go through your process naturally. Faffbot intelligently captures steps and context, even if your presentation is informal.

Integration with GitBooks/GitHub:

  1. Download: Click the download icon to obtain a zip file containing your markdown and image files.
  2. Extract: Unzip the downloaded file.
  3. Upload/Integrate: Follow the instructions for your chosen platform (GitBooks, GitHub, etc.) to upload or integrate the extracted files into your documentation repository.

Tips & Tricks:

  • Clear Narration: Ensure your video demonstration has clear, concise narration explaining the steps.
  • Focused Visuals: Keep visuals in your video targeted to improve image extraction quality.
  • Concise Demonstrations: Focus on specific features or workflows in each video to keep the documentation easy to follow.