Frames are essential to structure your content on the board and manage the big picture. They are also helpful for creating presentations or exporting a board. You can move frames, arrange content on frames in a grid-like mode, and hide content on frames from your collaborators' view.
Getting started
There are simple ways to add a Frame to the board:
- Select frame on the toolbar or press F on your keyboard and click anywhere on the board or drag the cursor
- Drag and drop a frame right on the board
Frames on the toolbar
Frames act like pages that group objects together. All the content inside the frame moves and is copied together with the frame. Frames' background is white by default. You can change the color, ratio, and name.
✏️ If objects on your board unexpectedly change their positions or disappear, please check whether you have the Grid mode enabled on your frames.
✏️ To move a frame, switch to the select tool and click and drag the frame's border or title.
Changing a frame
Easily create frames around existing objects: select the objects, click three dots on the context menu, and choose Create frame.
Creating a frame around board objects
To rename a frame, double-click its heading or choose the option under three dots on the context menu.
Renaming a frame
To resize an existing frame, simply select it (by clicking its border or title) and drag its borders adjusting the frame to the needed size. You can also change the frame's ratio on the context menu.
Resizing frames
If you want to put frames inside frames and move the outer frame together with the nested ones, feel free to group them. You can select several frames either while holding down Shift and picking them one by one or by using the selection field and filter (please see below).
Moving multiple frames together
You can lock a frame to prevent it from moving accidentally.
Locking a frame
If you want to restrict board editors from accidentally moving the content inside the frame, select all the needed objects and lock them.
✏️ The option to unlock objects is not available for visitors.
✏️ Board owners/co-owners can prevent users from unlocking objects with protected lock.
Locking objects inside a frame
To delete a frame, click three dots on the context menu and choose the option or simply press Backspace. Accidentally deleted a frame? No worries - the content will stay on the board! You can restore the frame on Activity list.
The option to delete a frame
To delete several frames, select them while holding down Shift or draw the selection field and apply the filter. Learn more about object selection in Miro.
Deleting several frames at once
💡 You can get a direct link to any frame on the board. Share this link with your collaborators to draw their attention to the exact frame. Select a frame, click three dots, and choose Copy link. Note that userswill still have access to the whole board.
Copying the link to a particular frame on the board
Duplicate a frame with a help of shortcut Ctrl/Cmd + D. If your frame's name contains a date, the date on the copy will be changed to the next day (for example, Feb 5 will change to Feb 6).
[Feature deprecation in progress] Grid in frames
We are working on deprecating grid mode in frames, and gradually removing the grid option from the frame context menu. Currently, the grid option is not active on the context menu for some users.
The customers who used this feature previously on some frames will see the corresponding tooltip on the frames. When grid mode is fully deprecated, the content on such previously created frames will be arranged in frames in freeform mode.
Grid mode is being deprecated and cannot be enabled on frames for some users
If you are planning to use content from previously created frames with applied grid mode, we recommend to:
- Create new frames and copy the content there
- Use auto layout or tables to organise content in frames
For context, this is what the experience looked like before we started the deprecation:
To automatically snap content in the frame to a grid, enable the Grid option in the context menu. To switch back to the free-form layout, choose the Freeform option.
When you drop a new object into a frame, it is arranged along with the other objects in the grid. This is a real time-saver for those who often add new content to their boards and need to keep them in order. Resize the frame to change the position of objects in the grid.
Please note that links, comments, and other frames cannot be snapped to a grid.
Activating Grid mode on a frame
Navigating between frames
Quickly jump from one frame to another, reorder and modify your frames in the board overview. Access it from the left bottom corner of the board.
Using the frames panel
⚠️ The option to re-order frames in the sidebar is not available on mobile and other touch devices (in the tablet app and in browser).
Hiding frames
Set up by: board owners, board co-owners on Consultant and Enterprise plans
Available for: Education, Team, Consultant, Business, and Enterprise plan
The option to hide frames will allow you to control what content is revealed to your collaborators and audience during workshops and meetings - once a frame is hidden, no one on the board can see its content. Hiding frames is extremely helpful when it comes to designing meetings and organizing workshops step-by-step.
How it works for the board owner/co-owner
To hide a frame, click the eye icon on the frame's menu.
Hiding a frame
You can also hide a frame from the board overview:
Hiding a frame from the frames panel
To hide several frames at once, select them and choose the option on the context menu.
Hiding several frames
⚠️ Board owner/co-owner can’t copy or duplicate a hidden frame until the frame is revealed.
⚠️ Please note that hiding a frame does not conceal comments on it and its title.
To reveal a hidden frame, click the eye icon on the context menu.
Revealing a hidden frame
💡 Splitting up content into multiple frames and revealing them one by one will allow doing a step-by-step sequence of reveals matching your meeting or workshop agenda. Feel free to create the agenda using visual notes and to add hidden frames to notes.
⚠️ When hidden frames are revealed on the board they won’t be revealed automatically in notes. Please refresh notes to reveal the frames.
How it works for board participants
As soon as a frame is hidden, your board participants will not be able to view its content. Instead, they will see a blanc frame with a closed eye icon. If users place an object on top of the hidden frame - it will go under the placeholder but will still be available for editing and dragging those objects out of the hidden frame.
✏️ Content within hidden frames cannot be viewed by anyone.
Placing an object on top of a hidden frame
Presentation mode
Frames are of great help for showcasing your board. Add frames to structure the board content and switch on the presentation mode.
Click Presentation Mode to navigate smoothly between your frames on the board.
Activating the Presentation mode
💡 To change the order of frames in the presentation mode, change it in the board overview.
Click Present to enter the Full-screen presentation mode. The frames will be shown like slides without board tools and frame titles. Use arrows to navigate between the slides.
Presentation mode controls
Export
💡 Be sure to check the main article on board export.
Note that the export feature may be restricted due to certain limitations. Please view the limitations on this page.
If you select Save as PDF on the board export menu, all your frames will be exported as a PDF file - each frame will be saved as a separate page.
Export menu
The order of the frames in the exported document will be the same as in the board overview. You can change the order of the frames by dragging them.
Changing the order of the frames
If you'd like to export only some of the frames as PDF, remove extra-ones and undo this action after the export. You can also export several particular frames by selecting them while holding down Shift, then filtering Frames, clicking three dots on the context menu, and selecting Export as PDF or CSV.
If you need to export a single frame, select it, click three dots, and choose to export.
Export options on a frame
💡 In order to export a single frame in PDF format, select Export as image and choose Vector on the next pop-up. Note that Vector export is available on paid plans only. Free plan users can export a frame as PDF via the board export menu. To exclude other frames from the export, delete them and undo this action after the export.
Frequently asked questions
- Objects are not sticking to my frame. Why?
- It looks like you put a frame on top of the objects and the widgets didn't get attached to the frame. Select the objects and slightly move them - this should attach them to the frame. - How do I copy my frame to another board?
- You can copy and paste it like any other content! Ctrl+C/Ctrl+V (for Windows) or Cmd+C/Cmd+V (for Mac) will work as well. Please make sure that the Board owner allows copying the board content. - I cannot see the option to hide frames. Why?
- If the eye icon doesn't appear on the frame's menu, please make sure that you're the board owner/co-onwer. Please note that this feature is only supported on paid plans. If the issue still persists, please check out the troubleshooting guide. - I do not see the option to export a frame. Why?
- Please make sure your browser and device don't have export limitations. Note that Edge (version < 79) and Tablet App support Vector export only. Free plan users can export boards in Chrome, Firefox, Opera, Safari, or our Desktop App.
The export option may also be restricted in board content settings.
Also, board export is not supported in developer accounts and on mobile devices. - Can I hide shadows around frames?
- No, the shadows are shown by default. However, frame borders are not shown in the full-screen presentation mode. - Can I create custom-size frames?
- You can custom-size frames with our SDK (a software development kit). Click the address bar of your browser, press F12 or fn + F12 shortcut to open the browser developer console, open the Console tab. Type in or copy and paste loadSdk under all logs. Press Enter, and you should see the notification:
Type or copy the line: miro.board.widgets.create({type: "FRAME", x: 100, y: 100, width: 841, height: 1189}).
Instead of 841 and 1189, you can put in the frame size you need. Press Enter.