borderless-export

About this plugin

Figma Borderless Export 🛹🚫

Sometimes we get a white border on the edges of the image when exporting images on figma.

This plugin solves that problem!

✨ Features

Export images without borders with the following options.

- Extension: [PNG, JPG]

- Scale: [0.5x, 0.75x, 1x, 1.5x, 2x, 3x, 4x]

🛠️ How to use

1. Install the plugin
2. Select the frames you want to export
3. plugin → Borderless Export

• Export with UI (with full options)
• Export as PNG 1x, 1.5x, 2x
• Export as JPG 1x, 1.5x, 2x (beta)

📝 Note

There are two main causes of strange borders when exporting with figma.

1. When the width/height of the export target is a non-integer values due to scaled export (ex. 0.75x, 1.5x, ...)
2. when the target frame is not on a grid point on figma

This plugin solves both cases in most cases.

JPG exports rarely leave borders, which can be solved by changing to PNG export or moving the image to a grid point.

We plan to improve the algorithm for border detection in the future.

Github repository is here.