Add and update content in a notebook

Add and update content in a notebook

Abstract Notebooks is a tool for designers to capture and present their work and establish design decisions. You can add context for stakeholders with the built-in text editor, and you can also bring design content directly into a notebook with our Figma and Sketch integrations.

Users with a contributor seat can add, change, and delete content in any notebook to which they have access. 

Notebooks inherit the access levels of the project where they are currently stored. Thus, notebooks in a public project are available to all users in the organization while notebooks in private projects are only available to users who have been granted access to the private project.

Add content to a notebook

You can add and update most content in a notebook directly in the browser from the Abstract web app. Use the Abstract Notebooks plugins for Figma and Sketch to add content, like artboards, frames, and symbols, directly from your design tool.

  1. In the left side navigation, click Notebooks.
  2. Click the name of the notebook you want to work in.

Add or update text

Text can be added anywhere within a notebook, and can be edited or formatted directly.

  • Click anywhere in the notebook and begin typing to add new context around the designs.
  • Click on any existing text to change or remove it.
  • Click and drag to highlight text and reveal text formatting options.


Format text

You can format text in a notebook directly by highlighting the text you would like to format and using the format bar, by using keyboard shortcuts, or by using markdown.

You can also pre-format heading text, bulleted lists, numbered lists, and blockquotes by clicking any empty area in a notebook to reveal and select an option from the bottom formatting bar.

Formatting options include: 

Format Keyboard Shortcut Markdown




CMD+B, CTRL+B **text**, __text__


CMD+I, CTRL+I *text*, _text_






CMD+K, CTRL+K [link title](url)

Heading level 1


Heading level 2

  ## SPACE

Heading level 3

  ### SPACE

Bulleted list


Numbered list




Code block



Add images

There are three ways to insert images in a notebook: you can use the image icon, drag and drop from your computer, or paste from your clipboard.

Use the image icon

You can insert images in a notebook by clicking in an empty area of the notebook to reveal the bottom formatting bar. Click on the image icon in the bottom bar to open a file selection window.


Drag and drop from your computer

You can also insert images by dragging and dropping a file from your computer onto the notebook’s page. When uploading images to a notebook, the image will be inserted where the blue line is located.

  1. Select an image file from your device storage. (.JPG, .PNG, .BMP or .GIF)
  2. Drag the image over the notebooks page until you see a blue line.


Paste from your computer

If you’ve copied an image to your clipboard using CTRL+C (Windows), ⌘+C (Mac), or right click>Copy, you can paste that image into your notebook. Place your cursor in the space where you want the image to appear and press CTRL+V (Windows) or ⌘+V (Mac) on your keyboard, or right click and choose Paste.

Add dividers

You can add horizontal lines to divide a notebook into separate areas and create visual organization. When adding dividers to a notebook, they will be placed where your cursor is located.


To add a divider, either:

  • Click an empty area in the notebook to reveal the bottom formatting bar, and select the divider icon (pictured above)


  • Type three dashes (---) on a new line in a notebook.

Add a review block

Requesting a review in a notebook allows you to collect approvals and change requests for your work and creates a record of decisions made. For more information, see "Request a review of a notebook."

To add a review block to your notebook, click Request review under the notebook title.

Notebook showing the title, Copy Link button, More Options button, Notebook status of Work in Progress, and Request Review button