Borders on images


I love using Miro for building screen maps. But… using Sketch, I copy and paste in, or use the plugin. But I want to add borders to my images!

My frames, especially when working with screens that are very light, end up being weird green-greys to give a definite border. Feels like an easy fix?

@Jamie Ambler -

As a workaround, why not just drop a rectangular shape in the color you want under the image with its size being slightly larger than the image itself?

Kiron


It’s a great shout Kiron, thanks for the workaround - a little painful to do with 300+ screens, but definitely would work until (hopefully) a the change is implemented


This simple feature would be invaluable.  I often paste screenshots in and when the screenshot has a lot of white in it and I place it on a white frame, I wish I could EASILY right click and add a border or something.  The adding a rectangle work around is very painful to do over and over and over.


Agree with @Lauree Schloss. The ability to add a simple border would be great. It’s absence hurts a bit.


@Michael Weinraub & @Jamie Ambler & @Lauree Schloss :

Mhhhh … seems like a task for … and i think he could really handle this:

@Max Harper (hopefully Max you aren’t upset because I used your name - but it seems to me that you are the right person for this :relaxed: )

He is developer and has created different Apps for miro with his team.

Maybe one of you can contact him - but I think he will get a message, too.

Michael


@Kiron Bondale   Not upset at all. 

@Michael Weinraub & @Jamie Ambler & @Lauree Schloss : I understand the pain point… I do this same work around all the time.  I just made a little bulk image-resizer plugin this week… perhaps this could be another tool on that plugin. 
 

Actually the auto-resizer might be helpful for some of these image framing use cases. 


Imagining a potential Miro plugin...


Capabilities : Things the plugin could do

  • put a rectangle object under every picture you’ve bulk/lasso selected
  • size control: allow a user to set the ‘% of image width’ for the frame size, so that you can control how wide and tall the background is relative to the image in front of it. 
  • color: assuming one uses the lasso select and the selection filter, one could down-select to all the shapes and then choose their own colors -- if this works fine, the plugin wouldn’t need to specify for you 


Limitations:
@Farbod Saraf @Anthony Roux 

  • the plugin would not be able to group the background rect with its respective foreground image.  this could pose a challenge when you want to: mass frame-ify, then mass-align → you’ll get all the images pushing up to the top of their frames … unless you go through them and individually group them … which kinda defeats the purpose of having the . 


@all → Would those capabilities and limitations of a plugin be suitable to people? 

____

The alternative I suppose would be to add to this desire to the Miro Wishlist.


Please, add border radius to allow us to create images inside a circle.

 

The solution proposed don’t works with circles 😜

 

 

Many thanks in advanced


I literally just submitted this feature request this would make my projects SO MUCH easier!

When I import an image from Sketch/Figma etc. it usually has a white background already. So when I paste it on to Miro’s white background, you loose the boundaries of the image. 

Yes, you can do that workaround of putting a no fill rectangle around the image but there are a few pain points there - 

  • You likely need to group them so that it makes them easier to move around
  • If you group them for ease, then every time you want to replace the image, you need to ungroup
  • If you replace the image with a diff size image, then you have to edit the rectangle shape each time
  • The rectangle or the image has to be “in-front” or “behind” one of the other, making it hard to select the behind object to then edit

 

If you are putting in tens to hundreds of images, this is extensive amount of work.

So far, I have been using the workaround of changing the miro artboard’s background to just slightly gray so that you can see the edges of the white image pasted in. But I wish I could have a clean white background. 

 

 


While using Miro for ideation sessions, I tend to import a lot of images. These are usually screen clips from presentations, imported PDF files, and other content. I then organize in some fashion. It would be helpful if I could easily add a border to these images. The border allows for images with white backgrounds to be distinct. I realize I can use the rectangle tool to manually add a rectangle and fit it around the image to give it a border, but this is time-consuming when there are a lot of imported images. I also realize you can add a frame to each image, but this make the presentation feature difficult to use with all the additional frames this would generate.

An easier and preferred way would be:

  • click on the image and the standard menu option appears
  • Add the border option to this menu as well as the corresponding color selector, and border thickness
  • Once the border options are selected, the image then has the border wrapped around it.

--

[From moderator: The above reply was moved here from another Idea post.]


Echoing my support for this idea, building off the ideas listed above. Additionally, combining this option with some basic styling structure (extended slightly beyond the Copy Style / Paste Style features currently in place) would allow for the cleaner systemization of pasted images.

Thanks for the insights and efforts of those who posted over the past year :)


To all who replied - this request was implemented! A super helpful feature, and another example of the product team listening to community requests (albeit it a few years in the making).


Nice find @Kyle Chipman!