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

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

ความคิดเห็น • 49

  • @DavidMathew82
    @DavidMathew82  3 ปีที่แล้ว +1

    ❓👇 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 ปีที่แล้ว

      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.

  • @BGZBerlin
    @BGZBerlin 8 วันที่ผ่านมา

    Really like the way you explain this, very calm, pragmatic, to the point, no hyperbolic exclamations

  • @omnirhythm
    @omnirhythm 2 หลายเดือนก่อน +1

    Incredible presentation skills, from the eye contact every now and then to the paced speech and on-screen action, very few 'uhmm's and 'ahhh's, concise.. Really, really great stuff. Channels like yours should be reference for good TH-cam educational material.

  • @MarceloSilva-zt2ux
    @MarceloSilva-zt2ux 2 หลายเดือนก่อน +1

    Excellent, that's what I was looking for, thank you.

  • @ryangamble509
    @ryangamble509 3 ปีที่แล้ว +3

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

  • @alishasadeski
    @alishasadeski 3 ปีที่แล้ว +1

    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  3 ปีที่แล้ว +1

      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.

  • @de_vi_ca
    @de_vi_ca ปีที่แล้ว

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

  • @akinyimghongo
    @akinyimghongo 2 ปีที่แล้ว

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

  • @sidedishfriend
    @sidedishfriend 3 ปีที่แล้ว +2

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

    • @DavidMathew82
      @DavidMathew82  3 ปีที่แล้ว

      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 3 ปีที่แล้ว

      @@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  3 ปีที่แล้ว

      Sweet, good luck with the presentation!

  • @Patrick76399
    @Patrick76399 3 ปีที่แล้ว

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

    • @DavidMathew82
      @DavidMathew82  3 ปีที่แล้ว

      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.

  • @robertdufour2456
    @robertdufour2456 2 ปีที่แล้ว

    Great presentation! This is so helpful!

  • @robertdufour2456
    @robertdufour2456 2 ปีที่แล้ว

    Super presentation! Thank you!

  • @marceljanssenemami546
    @marceljanssenemami546 2 ปีที่แล้ว

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

  • @1980nikolov
    @1980nikolov 3 ปีที่แล้ว

    Great explanations! Helped me immensely!

  • @dementecato
    @dementecato 2 ปีที่แล้ว

    Great delivery. Gracias

  • @AngelaBergt
    @AngelaBergt 3 หลายเดือนก่อน

    Enjoyed the video and learned a lot. Looking for a video that when creating workflows with many processes I can have a high level frame that shows all the processes but then have a link in the frame that would take me to a new frame that breaks down that process into its own specific workflow. Does this exist?

  • @babyblue7798
    @babyblue7798 2 ปีที่แล้ว

    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  2 ปีที่แล้ว

      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 2 ปีที่แล้ว

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

  • @MikeGowans
    @MikeGowans 2 ปีที่แล้ว

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

  • @lucasmlp
    @lucasmlp 3 ปีที่แล้ว

    Thanks for sharing this content!

  • @etonwetonw
    @etonwetonw 2 ปีที่แล้ว

    Very useful! Thanks

  • @MichaelRoder-f2i
    @MichaelRoder-f2i ปีที่แล้ว

    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  ปีที่แล้ว +1

      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.

    • @MichaelRoder-f2i
      @MichaelRoder-f2i ปีที่แล้ว

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

  • @ZacchaeusNifong
    @ZacchaeusNifong 3 ปีที่แล้ว

    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  3 ปีที่แล้ว

      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
    @arquitetapammela5383 ปีที่แล้ว

    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?

  • @marceljanssenemami546
    @marceljanssenemami546 2 ปีที่แล้ว

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

  • @Pinkpalmpufffyslay
    @Pinkpalmpufffyslay 3 ปีที่แล้ว

    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  3 ปีที่แล้ว +1

      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!

    • @Pinkpalmpufffyslay
      @Pinkpalmpufffyslay 3 ปีที่แล้ว

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

  • @andrewsauter8749
    @andrewsauter8749 2 ปีที่แล้ว

    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.

  • @davidspornberger9400
    @davidspornberger9400 3 ปีที่แล้ว

    1.5 speed and its perfect :)

  • @fiszu12
    @fiszu12 2 ปีที่แล้ว

    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 ปีที่แล้ว +1

      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.

  • @fabianmarquez8735
    @fabianmarquez8735 ปีที่แล้ว

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

  • @emy9272
    @emy9272 3 ปีที่แล้ว +1

    wow!