Hi I have a question, I am using your technique of having dedicated spacing bars to keep the layout consistent. I noticed that the blue outline (when a shape is selected) is tightly wrapped around the shape. Mine has a slight spacing, about 1 pixel, around the shape which is hindering the the purpose for the spacing bars. Any references or pointers on how to remove this?
In our demonstration, we use Frames and Shapes (located in the top left corner of the canvas). That’s what you should be using. These elements should automatically be tightly wrapped. If you’re not using the shapes provided by Figma, here are a few options you can try out. First, try manually cropping the shape. Sometimes there is a buffer around the image/shape that may not be noticeable. Another option would be to find the shape you’re using as an .SVG file as opposed to a .PNG file. SVGs will tightly wrap your shape, while a PNG will create an outlined box around your shape. Within the Figma Community, there is a plugin called Shaper, which offers a variety of shape-elements that can be brought into your project as an .SVG. Give these options a try, that should help with your issue.
The orignial map screen does not have a grid pattern. The grid pattern is a featured that can be toggled on and off using the "Layout Grid" widget (located on the right column, 3rd option down). Refer to 01:40 for details... We hope this helps, reach back out if you have further questions.
For spacing between two cards or icons can be done through auto layout option :)
Do you use auto layout a lot? (I'm a UX student in NZ)
@@gabyxigYes, it's better to use auto layout for the process after we deliver the design
Great tutorial!
Thanks for your kind words. Please subscribe to our channel. Thanks for your support!
Hi I have a question, I am using your technique of having dedicated spacing bars to keep the layout consistent. I noticed that the blue outline (when a shape is selected) is tightly wrapped around the shape. Mine has a slight spacing, about 1 pixel, around the shape which is hindering the the purpose for the spacing bars. Any references or pointers on how to remove this?
In our demonstration, we use Frames and Shapes (located in the top left corner of the canvas). That’s what you should be using. These elements should automatically be tightly wrapped.
If you’re not using the shapes provided by Figma, here are a few options you can try out. First, try manually cropping the shape. Sometimes there is a buffer around the image/shape that may not be noticeable. Another option would be to find the shape you’re using as an .SVG file as opposed to a .PNG file. SVGs will tightly wrap your shape, while a PNG will create an outlined box around your shape. Within the Figma Community, there is a plugin called Shaper, which offers a variety of shape-elements that can be brought into your project as an .SVG.
Give these options a try, that should help with your issue.
Hello, how did you paste the map screen for the background and hide the grid pattern? Thank
The orignial map screen does not have a grid pattern. The grid pattern is a featured that can be toggled on and off using the "Layout Grid" widget (located on the right column, 3rd option down). Refer to 01:40 for details... We hope this helps, reach back out if you have further questions.