When and how to use frames in Miro - Contain, Navigate, Export, and Present with Miro boards

Ғылым және технология

Frames are a basic component of Miro, when you understand how and when to use them you can really improve the layout, ease of navigation, and utility of your Miro boards. In this video we'll go over what frames are and how to use them. We'll touch on some of the more subtle features such as ratios, navigation links, the frames panel, and the notes panel to really level up how you use frames to organize your Miro boards. We'll also show you can use frames to easily export content out of Miro as well as how to use frames to build presentations inside of Miro.
Two further tips I didn't cover in this video that I might cover in future videos:
- Frames have an additional style that looks like mobile device frames allowing for quick UI mockups
- Frames can contain frames (or they can at least overlay in space). In presentation mode this lets you make zoomable presentations where you start with a wide view and then zoom in to "slides inside slides". This can give you a similar effect to the online tool Prezi.com but has the advantage of living inside the Miro board so you can have all your other content right there and also make it interactive using Miro's other features for real time collaboration.
This video is part of a series designed to help you become a better user of Miro and to improve your skills as a facilitator.
I will be actively making more content on this topic over time so if you have questions about Miro or ideas you'd like to learn more about, please add your thoughts to the comments. This will help me consider new ideas and how I can be most helpful to you when I'm planning future content for this channel.
Thanks for watching! You can connect with me further here:
Website: www.emergentproducts.com
Twitter: / mathewda
LinkedIn: / damathew
#Miro #Facilitation
⏩ Timestamps, click to skip ahead!
1. Intro 0:00​
2. Containing Content 0:20
3. Exporting Content 11:22
4. Presenting 15:48​
5. Summary 17:18

Пікірлер: 45

  • @DavidMathew82
    @DavidMathew823 жыл бұрын

    ❓👇 HERE'S SOME QUESITONS I HAVE FOR YOU, ADD YOUR ANSWERS IN THE COMMENTS! 👇❓ How to YOU use frames? I'd love to hear more about how you use frames in practice! I'm also curious, what activities do you do when using Miro? Are you running workshops? Building process maps? Mind maps? Doing icebreakers? Building presentations? The more I hear from my audience on how you use the tool the better I can craft tips and tutorials like this one to help you and others get better!

  • @MarKus-sq7wy

    @MarKus-sq7wy

    6 ай бұрын

    Firstly, I use Miro for gathering and grouping information I got from my research, and secondly to create a pleasing presentation from there. Much easier to show how topics are interlinked when you have an infinite whiteboard with transitions between frames. MS PPT got the function zoom into the chapter for this issue, but still I need a Miro board for gathering my data. Thank you for your video. It contained a lot of details and therefore was the advanced tutorial I was looking for.

  • @ryangamble509
    @ryangamble5093 жыл бұрын

    Good stuff David! Thanks for sharing, looking forward to learning more from you Miro series. 👍

  • @DavidMathew82

    @DavidMathew82

    3 жыл бұрын

    Thanks! 😀

  • @1980nikolov
    @1980nikolov2 жыл бұрын

    Great explanations! Helped me immensely!

  • @robertdufour2456
    @robertdufour24562 жыл бұрын

    Great presentation! This is so helpful!

  • @de_vi_ca
    @de_vi_ca8 ай бұрын

    Thanks a lot. Very clear work snd approach. Great job.

  • @robertdufour2456
    @robertdufour2456 Жыл бұрын

    Super presentation! Thank you!

  • @alishasadeski
    @alishasadeski2 жыл бұрын

    This was a great video. Great pace. Great examples. I have been using Miro quite a bit but I learned some helpful things. Thank you.

  • @DavidMathew82

    @DavidMathew82

    2 жыл бұрын

    Thanks for watching and I'm glad you learned some new things even as an experienced user! That's what I'm aiming for with my channel, make content that helps beginners get started but also covers details that help experienced people learn tricks or nuances that can have an impact on their work or their time.

  • @sidedishfriend
    @sidedishfriend2 жыл бұрын

    Thank you! Doing a presentation next week, this is everything I needed.

  • @DavidMathew82

    @DavidMathew82

    2 жыл бұрын

    Glad it was helpful! :-) One additional trick you might consider using is putting frames inside each other. This allows you to do a zooming style presentation where you start on a zoomed out overview slide and then when you transition to the next "slide"/frame using presenter mode it would zoom into the next frame which can be inside the first frame. Because Miro lets you zoom to things you can have many frames inside frames and you can keep zooming in or zooming back out. It's a similar effect to how the presentation tool Prezi works. It can be jarring if overused but when used in the right way it can be a pretty neat effect. Just thought I'd mention this since it's a way of presenting that I didn't cover in the video but is unique compared to a standard slide presentation.

  • @sidedishfriend

    @sidedishfriend

    2 жыл бұрын

    @@DavidMathew82 I was looking for prezi but Miro sounded better since everyone in my company uses it and I missed that zoom thing! thanks for the tip! I'm gonna talk about design systems so... from atomic to patterns is gonna be a trip of zooming!

  • @DavidMathew82

    @DavidMathew82

    2 жыл бұрын

    Sweet, good luck with the presentation!

  • @marceljanssenemami546
    @marceljanssenemami5462 жыл бұрын

    Thanks for sharing my questiions were answered and more Great idea with the snapshop of a frame as reference

  • @MikeGowans
    @MikeGowans2 жыл бұрын

    Awesome job! Big help, nailed my question head on. Thank you! :-)

  • @dementecato
    @dementecato2 жыл бұрын

    Great delivery. Gracias

  • @lucasmlp
    @lucasmlp2 жыл бұрын

    Thanks for sharing this content!

  • @DavidMathew82

    @DavidMathew82

    2 жыл бұрын

    Glad you found it useful!

  • @Patrick76399
    @Patrick763992 жыл бұрын

    Thanks for the video. I’m practicing while watching this.

  • @DavidMathew82

    @DavidMathew82

    2 жыл бұрын

    Awesome that you're practicing by following along in the video! :-) I have a big list of more content for Miro so stay tuned for more. Let me know if there's any questions you have that I can maybe answer in future videos.

  • @etonwetonw
    @etonwetonw2 жыл бұрын

    Very useful! Thanks

  • @akinyimghongo
    @akinyimghongo2 жыл бұрын

    Thank you so much !!! Been struggling with Miro....

  • @DavidMathew82

    @DavidMathew82

    2 жыл бұрын

    Happy to help! 😀

  • @babyblue7798
    @babyblue7798 Жыл бұрын

    I was hoping this video would cover how to enter divisions for different sections inside a frame. Hopefully, I will find a video.

  • @DavidMathew82

    @DavidMathew82

    Жыл бұрын

    Can you describe more of what you're trying to do? Frame are for the most part the primary container for things in Miro. You could put frames inside frames which will allow you to see them in the frames panel and then use these sub-frames to group things inside your frames. That would be my suggestion for if you want sections inside of one frame that is navigable via presentation mode (a good way to create a Prezi style presentation). If you're looking to just visually separate sections of a frame you can do things like drawing out a rectangle for the background of the area you'd like, then make sure you do a "send to back" to make sure it's behind everything and then lock it so you can put things on top of it without accidentally moving that background object. I think I touched on this in the later portion of this video. Anyway, hope this helps. If not, let me know more specifics for your use case and I'll try to offer what advice I can.

  • @babyblue7798

    @babyblue7798

    Жыл бұрын

    @@DavidMathew82 awesome! you just answered my doubts! thank you so much!

  • @ZacchaeusNifong
    @ZacchaeusNifong2 жыл бұрын

    Great video, thanks for putting the time in to share this with us. I'm still unsure as to how to rearrange the frames in a board. Example: There's 9 frames on a board and I want to drag Frame 5 under Frame 3. How can I do this? 🧐

  • @DavidMathew82

    @DavidMathew82

    2 жыл бұрын

    Click and drag the name of the frame to move it. I’m not at a computer right now to test it but my assumption would be that frame stack order could be changed via right clicking on the frame name and selecting a “send backward”, “move forward”, “send to back” or similar command. Thats how you can stack other things like shapes and control the order. If you select the frame’s name you may also get a pop up tool bar with some alignment options.

  • @arquitetapammela5383
    @arquitetapammela538310 ай бұрын

    Hello, thank you for the video, really helpfull...just one question...if i want to export to pdf only a few frames, not all of them, is that a way?

  • @Flowerloveesun
    @Flowerloveesun2 жыл бұрын

    Thanks a lot David for sharing the video. I am still looking for another frame-related solution. when we make a frame there is a water-marked border shown for the frame. Where there are many frames on the board, the frame borders are not good-looking. Is there any way that we can make the frame borders invisible?

  • @DavidMathew82

    @DavidMathew82

    2 жыл бұрын

    Great question. I'd noticed this behavior before but hadn't tried to fix it yet so your question prompted me to do some digging. From what I can tell it doesn't seem like there's a feature in Miro to turn this off, yet. I did find a forum post where people were asking for this feature. In that post one of the users commented with some JavaScript code that you can run in the Chrome Devtools console that will turn off the boarders (for me it also turned off the frame display entirely so you lose the background color a frame will give you, you'd have to do that with a shape instead if you need it). It did still leave the frames in the frames panel so they could be navigated to. This user also commented on how to make a bookmarklet so you can click it when you need it. The downside of this hack is it will only work when using Miro in the browser as you'd need access to inject some Javascript into the page. Pro tip: Miro does have a built in Javascript API. If you're tech savvy you can use code to modify your board, which can be helpful if you have any custom things you want to automate inside your board. Here's the post: community.miro.com/wish-list-32/global-switch-to-turn-off-frame-borders-shadows-and-titles-frames-without-shadow-1600?postid=8761#post8761 Here's the code he suggested: // get all widgets of type frame let miroFrames = await miro.board.widgets.get({type:"FRAME"}); // the line above returns a listo of widgets, so iterate over miroFrames.forEach(async e => { // set "client visible to each frame await miro.board.widgets.update({id: e.id, clientVisible: false}) }); If you need to turn the frames back on change the false to a true for the clientVisible property. I might make a new video on using Miro for zooming presentations and if so I'll show how to do this fix. Maybe I'll make a Chrome Extension to do this automatically, I've been looking for a good simple project to make an extension, this seems like a good fit if I can find the time. Thanks for watching!

  • @Flowerloveesun

    @Flowerloveesun

    2 жыл бұрын

    @@DavidMathew82 So nice of you dear David for such an explanatory reply. I will explore surely 👍

  • @marceljanssenemami546
    @marceljanssenemami5462 жыл бұрын

    and I forgot - the best Tipp is white background for a frame - that is so a Pro Tipp

  • @andrewsauter8749
    @andrewsauter87492 жыл бұрын

    Thanks for the video👍 Is there a rule for creating content in terms of what zoom level you should be on when creating? I’m trying to run a workshop (screen sharing in Teams not sharing Miro board) and some people say the text is very small. I can zoom in for them but the zoom level for me is too big. Any help would be great appreciated. Thanks

  • @DavidMathew82

    @DavidMathew82

    2 жыл бұрын

    So just so I understand correctly, you have a Miro board up on your screen and the participants on teams are seeing it only by you sharing your screen with Teams screen sharing? If so I’d ask if you have a large or high resolution display. If you do then it’s likely being scaled way down for everyone on a normal screen. In this case you should either change your resolution down, or deal with the zoom in on your end. I can’t think of a great way to fix it if it’s a resolution mismatch. Another option would be to share the board and have them “follow” you in Miro. This might help but since it will also track your viewport, it may have a similar issue. “Bring everyone to me” might work better here as they’d be able to scale on their own. I’ll have a video out on this soon. Let me know if there’s a detail that I’m missing but that’s my advice to start with.

  • @user-wd9ms2vw5u
    @user-wd9ms2vw5u9 ай бұрын

    Hi David, Great video! Very handy to work with the frames and easily adjust everything and share it with people who want to see something. I have a question about deepen into a frame. Is there a possibility to just click on a post-it or something in a frame and that will guide you to a deeper level and go back if you want? It looks like the presentation mode in Prezi. Thank you already!

  • @DavidMathew82

    @DavidMathew82

    9 ай бұрын

    Usually right clicking on an item will have an option to copy a link to that item within the board. You could copy a link to a frame like this and then use that link on a new object on the board which as a sticky note or a text block. Then when you click the link it would reframe to that board. This should give you the prezi effect if you put frames within frames. The only challenge I’ve seen with this is I’m not sure you can remove the drop shadow on the frame, so your frames are visible.

  • @user-wd9ms2vw5u

    @user-wd9ms2vw5u

    9 ай бұрын

    @@DavidMathew82 Thanks David. I will try to use it.

  • @emy9272
    @emy92722 жыл бұрын

    wow!

  • @fiszu12
    @fiszu122 жыл бұрын

    Hi is there an option to have a "component"? Something like in figma or Adobe XD. I can copy it to multiple boards, and if I change the original component, it will change also all of its copies?

  • @DavidMathew82

    @DavidMathew82

    2 жыл бұрын

    Good question. I'm not currently aware of a way to do this within Miro like you would in Figma with components. Let me know if you find something like this, it's possible something like that exists and I just haven't used it yet. However, I think there is a concept of embeds in boards where you could embed another website on the board and then since it's a live link you would get the content refresh even if it's on multiple boards. Tricky part is that I think the embedded content needs to be publicly visible (i.e. not behind a login), which may be a non-starter for many business use cases. I have not tried it but it could be possible to embed a board within a board, but done this way it would likely come with a nested UI as well. Another trick is to use the image as URL capability. i.e. add an image to the board via a link, then when you click on the image you'll get an option to "refresh" or "update" the image which will fetch it again from the URL you provided. This can work for something like getting a URL to a live png of a Figma design, then when you press update in Miro it would fetch the latest version of that Figma design. I think these images also need to be publicly accessible, so it does have the same tradeoff I mentioned for the embeds below. Last option would be to make your own Miro plugin, but that's a whole other rabbit hole. :) I assume this isn't the answer you were hoping for but hopefully something here was helpful. Thanks for watching!

  • @fiszu12

    @fiszu12

    2 жыл бұрын

    @@DavidMathew82 Hi David, thank you very much for a quick and broad response. It is not an answer to my problem, but I apprieciete it:) I use Miro a lot for making presentations, however not having an option of components or master page like Indesign is dreadful. When I need to change the header that is on every slide, I need to copy and paste it for every single slide. Maybe they will improve it someday.

  • @davidspornberger9400
    @davidspornberger94002 жыл бұрын

    1.5 speed and its perfect :)

  • @fabianmarquez8735
    @fabianmarquez873510 ай бұрын

    when i presentate it, it does not make the same move as in tha video.... know why?? pls

Келесі