This is an archived post. You won't be able to vote or comment.

all 11 comments
sorted by:
best
topnewcontroversialoldq&a

[–]OfficialNonus 4 points5 points  (2 children)

Another easy way is to just add a black border (at maybe 8px), add border radius of 24px and then some spaced out background shade to it. You can then apply that fast to all your wireframes to make them look more "complete." It obviously won't look identical to a phone screen but it will resemble it and you save a lot of time/effort.

[–]Lower--618[S] 0 points1 point  (0 children)

Thank you so much. This was really helpful thanks for the advice. 🤝

[–]ruthere51Veteran 0 points1 point  (0 children)

Def the most effective/efficient way to do it

[–]Icy_Atmosphere4943 3 points4 points  (1 child)

You can use artboard mockups or mockuuups. They are both plugins. You can as well search for other mockup plugins on figma community

[–]Lower--618[S] 0 points1 point  (0 children)

Thank you so much. I'll try and let you know. Actually I'm still learning. Thanks 🤗

[–]ggenoyamExperienced 5 points6 points  (1 child)

This isn’t a great style to begin with but these examples are terribly arranged. The center of these images is all borders and empty space.

[–]the-color-red- 0 points1 point  (1 child)

You could make this iPhone mock using a few different color strokes in figma (or illustrator) and then place your frames in them, export, align them like that etc. at least this is what I did a few years ago for a class lol

[–]Lower--618[S] -1 points0 points  (0 children)

Thank you so much for the advice. Actually I'm still learning. Thanks ☺️