Guide
A Whiteboard is a canvas where you can create various diagrams, brainstorm ideas and convert these diagrams into real work.
A Whiteboard lives within one of your Spaces. Alternatively, it can be associated with an entity in a given Database (provided the Database has the Whiteboards field enabled — see Fields ).
Whiteboards can also be embedded into rich text (fields or documents).
Basic tools
Select
Use Select tool (V) to select objects.
You may select many objects at once, just try to select an area with several objects inside.
Hand
Use Hand tool (H) to move canvas around.
You may hold Space to quickly activate this mode as well.
Text
Use Text object (T) to insert short text into canvas. Click T in the menu and click on a whiteboard to add a text object. Text editor is based on ProseMirror (as all Fibery documents and rich text fields).
Whiteboard text editor supports essential text formatting options, including bold, italic, strikethrough, and đź”— hyperlink insertion. These formatting options are available in text blocks, shapes, and stickers.
Resizing and scaling a Text object
The updated text object can be resized horizontally or scaled to the desired size, with the text adjusting automatically when scaled.
Shape
Click Shape tool (or use S shortcut) to select a Shape. Click on a whiteboard to add a shape object.
Shape styling
Click in a shape and styling menu will be visible. Here you can change border colors, background colors, etc. Experiment!
You can also set text vertical alignment within shapes an stickers.
Image
Click Upload Image tool in the bottom menu.
Click on a Whiteboard canvas.
Select a file from your hard drive and upload it.
Then you may select an image and resize it, move around, connect to other shapes.
Pen
Use Pen to draw some lines.
Click Pen tool (P).
Select a pen color.
Select a pen width (two circles on the right).
Draw something beautiful.
Sticky Note
Click Sticky Note tool (N).
Click on a canvas to add a note.
Click on a note and change its color.
Sticker resize
You can easily resize your stickers by dragging the corner handles.
Auto text adjustment
Text elements adjust automatically to fit within the sticker when resizing, and you can change the text size by selecting the sticker and adjusting the font size.
Author name and avatar on stickers
The author’s name and avatar show automatically on a specific sticker. You can show/hide author on a specific sticker.
In text editing mode within a sticker, you can create a new sticker while typing by pressing the Tab key. The new sticker will appear to the right of the current one, and the editing focus will move there automatically.
Frame
Frames are stable areas that can be saved as an image or printed out. There is a new instrument for frames creation in the Whiteboard toolbar. There are two major use cases for the frames:
Use them as a logical group for large Whiteboards.
Use them to export something as an image.
How to add a Frame
Click Frame tool in the bottom menu (or press F) and add a frame.
Click on a canvas.
Set frame size
Click in a frame
Change its size in the appeared top selector. If you want to set the size manually, select Free Size in the menu and resize the frame as you wish.
Resize, scale, and rotate Whiteboard cards
Whiteboard cards are flexible. We have resizing, scaling, and rotation options for cards on the whiteboard. You can now quickly adjust card sizes to better fit your content and layout.
Groups
Edit inside groups
Duplicate groups
Alt/Opt + drag to quickly duplicate a group.
Or use the Duplicate option in the group’s menu, the new copy is auto-selected.
Resize groups with content
Resize a group, and everything inside scales with it.
Locked items won’t move, and non-scalable items keep their size.
Move something inside a group? The group expands to fit.
Rotate groups
Use arrow keys to move multiple selected items
You can move several items at the same time by using the arrow keys on your keyboard. This makes it easy to adjust their position quickly and accurately.
Duplicate multiple selected items by CMD/ALT + Drag
Quickly create copies of multiple selected items by holding CMD(Mac) or ALT(Windows) while dragging. This shortcut lets you copy and move items at the same time, saving you time and making editing easier.
Connecting boxes
Click in an object, note four dots around it appears.
Start dragging any dot into another object and a connection will be created.
Position a connection on a target object and release it.
Click on a connection to change styles.
The bent connectors have rounded corners for a cleaner look, avoid overlapping objects, and snap into place for precise alignment. Adjusting and moving connectors is smooth, and extra connector segments are automatically simplified.
Connection styles
Click on a connection and find styling menu. Here you can:
Set arrows in two directions.
Change connection style, thickness and color.
Delete connection (click … menu and find Delete action, or just push Delete key)
Add a text on lines
You can add text to connector lines, change it color, move it, etc. It simplifies diagrams creation.
Bezier curves
You have the ability to use bezier curves to transform connection lines. This feature is especially useful when you need to create highly curved lines to connect shapes that are far apart in a complex diagram.
Lock/Unlock objects
You can prevent objects from changes.
Select one or many objects.
Click Lock icon.
After that changes menu will be unavailable, you will have to unlock objects to edit them.
Select one or many objects.
Click Unlock icon.
Lock whiteboard
You can Lock whiteboard for all users. In this case users will not be able to change it easily. Note that any user with Editor access can unlock a whiteboard. This is especially useful for whiteboards that you embed into documents.
Whiteboard guides
Whiteboard guides will help you align objects, place object on equivalent distance and organize them in a more pleasant way.
Align and distribute objects
You can easily align or distribute multiple objects. Simply select the objects and click the Align objects button in the context menu. You have the option to align selected objects horizontally, vertically, or to the left/right in relation to each other.
Additionally, you can distribute the selected objects horizontally, vertically, or in a compact layout for a more organized appearance.
Copy and paste styles between objects
If you want to reuse a particular style you’ve applied to an object, you can copy and paste it between layers. To copy and apply formatting, use the shortcuts Cmd + Opt + C and Cmd + Opt + V (for Mac) / Ctrl + Alt + C and Ctrl + Alt + V (for Windows), or click the three dots on the text context menu and choose the option. You can use this process to copy fill, stroke, and text properties.
Change object order
Sometimes, an object on your board may overlap others, making it difficult to view what's underneath. Alternatively, an object might be hidden behind others. You can adjust the stack order of your object to bring it forward or send it backward on the board.
Bring to front: shift object all the way to the front of the stack, on top of all other objects.
Bring forward: shift object forward one stack position.
Send backward: shift object back one stack position.
Send to back: shift object all the way to the back of the stack, below all other objects.
Add many entities
You can add many entities as cards on a whiteboard with a single action based on a filter. For example, you can add all features planned for the next release, all insights in some product area, and all tasks assigned to some team.
Find the Multi-Entity Insert action in the Whiteboard panel and try it.
It also works in My Space, so you can experiment with this in your private Whiteboard.
Add many files
You can add multiple images to the whiteboard at once, just drag and drop them onto the canvas or in the file browser opened by Fibery, select the image files you want to use, then click Open to import them.
Show Relations on a Whiteboard
You can see all Relations between Entities on a Whiteboard. Click the top right menu expander and select Show entities links option.
Important notice about relations creation: hold Shift when you drag a connector to create a Relation. By default, a regular connector is created and it does not affect the Database structure. Check Whiteboard Relation Tool.
Zooming
There are several ways to zoom in on Whiteboard.
Use + and - icons in the top Whiteboard menu.
Pinch on a touchpad.
Click an arrow in the top Whiteboard menu and select zoom level.
Hold Cmd key and scroll down/up.
Export as PNG
You can export an entire Whiteboard into PNG.
Click an arrow in the top menu.
Find Export as PNG action.
Save the file to your hard drive.
Duplicating objects
Select an object.
Use Cmd + D command to duplicate it.
Alternative way:
Hold Option key.
Drag and move an object.
Clearing the Whiteboard
Click … in the bottom menu.
Select Clean Board.
Enjoy the emptiness.
Keyboard shortcuts
Click … in the bottom menu.
Select Keyboard shortcuts option to see them all.
Check Whiteboard keyboard shortcuts to learn them all.
Copy link to selection
You can select some objects, copy link to this selection and send to someone. When this whiteboard will be opened via this link a person will see exactly this selection and zoom level
Presentation mode
You can enable Presentation Mode for Whiteboard. It hides bottom panel and makes whiteboard read-only (for you only). Cards and Views are opened with a single click in Presentation Mode.
FAQ
Is it possible to extract some "code" of a whiteboard?
You can select everything you need on a particular whiteboard, then copy information with ctrl+C shortcut, and past in any JSON editor
Why don't new items appear on a publicly shared whiteboard immediately?
When you add new items to a shared whiteboard, they may not appear instantly on the public URL. Typically, they should show up within about 10 minutes. If they still don’t appear after that time, there might be an issue with message delivery in the sharing service. In that case, please contact support for assistance.
How does the Undo shortcut work with different keyboard layouts?
The rules are
firstly try to match the shortcut using printed character if success fire handler (e.g. Undo)
if it fails, try to match the shortcut using key position on a keyboard (Russian case)