Visual Editor

The Visual Editor is in development. Interested in early access? Reach out via Slack or support@buildwithfern.com.

The Fern Visual Editor lets you modify your documentation without touching code. Make changes directly in your browser while maintaining your Git-based workflow.

Edit your docs visually with our WYSIWYG editor

Key Features

No-Code Editing

Edit your documentation directly in the browser - no GitHub knowledge required. Every change you make is automatically synced with your repository.

Component Library

You can directly edit or use the slash (/) menu to add Fern components to your documentation.

  • Tabs for organizing related content
  • Accordion for expandable sections
  • AccordionGroup for grouped expandable content
  • Card for highlighting information
  • Frame for images and examples
  • Steps for sequential instructions

Getting Started

1

Access the Editor

Navigate to your Fern Dashboard (coming soon) and click the “Edit docs site” button in the top navigation bar.

2

Make Changes

  • Select text to format it or add links
  • Use the / menu to add Fern components
  • Preview your changes in real-time
  • Add images and media
3

Submit Changes

Your changes are automatically saved as drafts. When ready:

  1. Review your changes
  2. Add a description of your updates
  3. Click “Publish” to create a pull request in Github

All changes go through your normal GitHub workflow - maintaining your team’s review process while making editing accessible to everyone.

Ready to get started? Reach out to support@buildwithfern.com.