Skip to content

Document editing screen examples

Document editing screen design examples from SaaS apps. Browse examples from Cushion, Paper, Dovetail.

Explore the examples

Cushion screen
Cushion logo
Cushion

Detail page where a user reads a team update in the Welcome channel, views activity participants, and can write a comment or resolve the post.

Paper - Happy pine · Paper screen
Paper logo
Paper

Design editor with an empty canvas, a pages list on the left, a central vertical toolbar, and a properties inspector on the right.

Dovetail - Untitled – Dovetail screen
Dovetail logo
Dovetail

Content editor where the user is using a find and replace modal to change 'emphasizes' to 'emphasises' across the document.

Orchestra - Nicelydone - Docs screen
Orchestra logo
Orchestra

Whiteboard editor where the user creates an SOP using text blocks, drawing tools, and image placeholders on an infinite canvas.

Attio - Notes - Attio screen
Attio logo
Attio

Content editor modal where the user is drafting a Google Customer Success & Partnership Plan note, overlaid on a list of all notes.

Anara - Anara | Faster research screen
Anara logo
Anara

Content editor where the user is writing a document about AI ethics with a floating formatting toolbar and a sidebar showing chat history and usage limits.

Grammarly screen
Grammarly logo
Grammarly

Content editor where the user is writing a document and has selected text to trigger an inline AI action menu, while a right sidebar waits to display review suggestions.

Slite - slite screen
Slite logo
Slite

Content editor where the user is presented with an empty document and options to start writing, use a template, import, or generate a directory with AI.

Lingo - Brand Guidelines: Presentation screen
Lingo logo
Lingo

Design editor where the user customizes inherited styles like theme, typography, and colors for a brand presentation page.

Chronicle screen
Chronicle logo
Chronicle

Content editor where the user is viewing a document about Liquid Glass and has opened the trash popover to restore or delete a trashed chronicle.

Jasper - Design Engineering - Jasper screen
Jasper logo
Jasper

Rich text document editor where the user is writing an article about design engineering, featuring AI brand voice controls and inline suggestions.

Gamma - Steve Jobs Visionary, Innovator, Legend | Gamma screen
Gamma logo
Gamma

Design editor where the user is customizing the background image and color theme of a presentation slide via a styling popover.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams