Canva's Latest Shape Update: How the New Border Controls Changed Hollow Shapes

Whether you are following Canva's Latest Shape Update: How the New Border Controls Changed Hollow Shapes, this article provides key summaries worth reading.

Working with responsive layouts introduces subtle edge cases that can compromise print runs or clean web exports.

The primary trap involves uniform scaling. In Canva’s engine, scaling a hollow circle by dragging a corner handle scales the border weight proportionately. A 4-pixel stroke on a 100-pixel shape expands to an 8-pixel stroke if you enlarge the shape to 200 pixels. To maintain consistent stroke thickness across an entire suite of icons or brand marks, resize the circles first, then highlight them together and type a unified number directly into the border weight slider.

Export formats require similar discipline:

• SVG (Scalable Vector Graphics): Best for responsive web assets, app icons, and logo marks. Native shapes retain pure math strokes, resulting in tiny file sizes and crisp lines on high-density Retina displays.
• Ensures stroke weights render as vector paths rather than rasterized blocks, preventing fuzzy edges on commercial printing presses.
• PNG with Transparent Background: Essential if you intend to use the hollow ring as an overlay asset in external software. Note that unchecking the transparency box during export will flatten the hollow center into solid white.

Paying attention to these structural settings keeps designs crisp, lightweight, and professional across every medium.