# Troubleshooting Bannerify

# Thin white line around image exports

Occassionally some images will contain a faint, thin white line around the edges. Figma does this (opens new window) if a layer isn't positioned on a rounded pixel value (eg. Y: 156.76 or X: 56.3) will automatically result in this sub-pixel line getting included in the export. To resolve the issue, please ensure that your layer positions are all rounded pixel values.

# Elements showing up in the wrong position

# Rotated parent frame

This usually occurs if the parent frame has been rotated to something other than 0 degrees (eg. "-90" or "180") before the contents were added, which throws off the positioning of the child layers.

To resolve this, you can create a new unrotated frame with the same dimensions and copy or drag the child layers from the original rotated frame into the new frame with no rotation set.

# Text layer bounding box (cropping)

The other thing that might be throwing off the position or cropping a text layer is if the size of the text box doesn't match the size of the text itself; for example, if there are multiple lines of text, but the "bounding box" height is only very short, this will cause the positioning to be offset incorrectly.

To resolve this, you can tweak the height of the bounding box to match the size of the text content itself.

There are a couple of common reasons why an HTML banner might not be uploading or being validated by Google. Usually, the banner file size will be too large, or the banner sizes don't exactly meet the "standard" sizes.

You can use these services to validate your banners for Google Ads (opens new window) or DoubleClick (opens new window) before uploading them.

# Blank file extensions using Figma desktop app on Windows

There's a known issue with the Figma desktop app (only on Windows), which also happens for normal file exports from Figma. When you go to save your file, you may see an "all files" label. If you ignore this and continue by clicking "Save", it should still save the file with the correct extension and allow you to open it as expected after it has downloaded to your computer. If it still saves the file with a blank extension, you should be able to rename the file to manually append the correct extension to the file name.

# Pixelated image exports

If you're exporting banners while the image assets in Figma are still progressively loading, they may be exported looking pixelated, as the image wasn't fully loaded in the Figma file before it was exported. To resolve this, please ensure that all of the images have loaded 100% and are looking sharp inside the Figma file before exporting your banners with the Bannerify plugin.

To help further with solving this issue, you can use the "Downsizer" feature (opens new window) in our TinyImage Figma plugin (opens new window) to shrink down your image fills to match their layer size, which will shrink their file size and ensure they load much faster in your Figma file.

# VPN may be required in China

Please note, if you're in China, the license server may be blocked by "The Great Firewall of China". If you're seeing a license error, despite using a valid key, you will likely need to use a VPN (opens new window) to resolve the issue.