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.
    Notebooks_Home.png
  2. Click the name of the notebook you want to work in.
    Notebook_Select.png

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.

Notebooks_Format-Text.png

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

 

   

Bold

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

Italic

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

Underline

CMD+U, CTRL+U  

Strikethrough

  ~text~

Link

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

Heading level 1

  # SPACE

Heading level 2

  ## SPACE

Heading level 3

  ### SPACE

Bulleted list

- SPACEBAR - SPACE

Numbered list

1. SPACEBAR 1. SPACE

Blockquote

  >

Code block

  `text`

 

Add images

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.

Notebooks_BottomBar_Image.png

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.

Notebooks_DragDrop-Image.png

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.

Notebooks_BottomBar_Divider.png

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)

OR

  • 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 in the top right corner.

Notebooks_Request-Review-Button.png