How to Change Canvas Size in Affinity Designer 2 Without Losing Your Layout

Changing the canvas size in Affinity Designer 2 can be simple, but it needs to be done carefully when a layout is already built. A designer may need extra space for bleed, a wider social media version, a taller poster format, or a revised banner size without disturbing carefully aligned text, icons, images, and grids. The key is to resize the document or artboard while keeping existing objects anchored, unscaled, and visually consistent.

TL;DR: To change canvas size in Affinity Designer 2 without losing the layout, the designer should use Document Setup for standard documents or the Artboard Tool for artboard-based files, then adjust the anchor point and dimensions carefully. For example, if a 1080 × 1080 px Instagram design needs to become a 1080 × 1350 px portrait post, the canvas can be expanded downward while keeping the top-aligned header in place. In many layout revisions, only 10–20% more canvas space is needed, so expanding the canvas is usually safer than scaling the entire design.

Understanding Canvas Size Versus Object Scaling

Before changing anything, the designer should understand the difference between changing the canvas size and scaling the design. Changing the canvas size increases or decreases the available working area, while scaling changes the size of the objects inside it. These two actions can look similar at first, but they have very different results.

If the canvas is made larger, the existing artwork can remain exactly the same size and position. If the artwork is scaled, every object, font, icon, image, border, and spacing relationship may change. For layout-sensitive projects such as UI mockups, ads, stationery, or presentations, keeping the artwork unchanged is usually the safest method.

The main goal is to give the design more or less space without unintentionally resizing the content.

Image not found in postmeta

Step 1: Save a Duplicate Before Making Changes

A careful workflow starts with a backup. The designer should save a duplicate file before changing dimensions, especially if the layout contains multiple groups, symbols, constraints, or embedded images. This makes it possible to return to the original version if the resize creates unexpected spacing issues.

  • Original file: Keeps the approved layout safe.
  • Resized copy: Allows experimentation with new canvas dimensions.
  • Export test: Confirms that the final size works for print, web, or social media.

A simple naming system also helps. For example, a designer might use Poster A4 original.afdesign and Poster A3 resized.afdesign. This avoids confusion when several size variations are being prepared.

Step 2: Check Whether the File Uses Artboards

Affinity Designer 2 can work with regular documents or with artboards. The resizing method depends on which structure the file uses. If the design has visible artboard labels or multiple layout regions, the designer should resize the artboard rather than the whole document. If the file is a single canvas without artboards, Document Setup is usually the correct option.

For artboard-based work, such as app screens, ad sets, or brand templates, each artboard acts like its own canvas. Resizing one artboard does not necessarily affect the others, which makes it useful for creating different versions of the same design.

Step 3: Resize a Standard Canvas with Document Setup

For a standard document, the designer can use File > Document Setup. In the document settings, the width and height can be changed to the new required size. The important detail is that the designer should avoid any setting that scales the artwork unless that is specifically intended.

  1. Open the Affinity Designer 2 file.
  2. Go to File > Document Setup.
  3. Find the document dimensions section.
  4. Enter the new width and height.
  5. Use the anchor or alignment controls, if available, to decide where the existing layout should remain positioned.
  6. Apply the change and inspect the layout carefully.

The anchor point is especially important. If the design should stay centered, the center anchor is usually best. If extra space is needed at the bottom, the top anchor may be more useful. If a banner needs to extend to the right, anchoring the design to the left can preserve the original starting point.

Step 4: Resize an Artboard Without Moving the Design

When the file uses artboards, the designer should select the Artboard Tool and then click the artboard that needs to be changed. The size can be adjusted through the Transform panel by entering exact width and height values. This method is precise and keeps the workflow organized.

For example, if a designer has a 1920 × 1080 px website hero section and needs a taller 1920 × 1400 px version, the artboard height can be increased while the existing header, navigation, and hero text remain at the top. The extra vertical space can then be used for supporting graphics, calls to action, or testimonials.

After resizing, the designer should review object positions near the edges. Some background rectangles, masks, gradients, or image frames may need to be stretched to cover the new canvas area. However, these background adjustments should be made separately from the main content so that typography and icons remain unchanged.

Step 5: Use Guides, Grids, and Alignment Tools

Once the canvas is resized, alignment should be checked. A layout that looked balanced in a square format may feel too empty in a portrait or landscape version. Affinity Designer 2 provides guides, grids, snapping, and alignment controls to help restore visual order.

  • Guides: Useful for preserving margins and safe zones.
  • Grids: Helpful for UI layouts, posters, and structured compositions.
  • Snapping: Keeps objects aligned to edges, centers, and other objects.
  • Transform panel: Allows exact positioning with X and Y values.

A designer should avoid judging the layout only by eye after a canvas change. Exact measurements are more reliable, especially for brand assets, product graphics, and multi-format campaigns.

Step 6: Protect Important Layout Elements

Before making major adjustments, important groups can be locked from the Layers panel. Locking prevents accidental movement while background shapes or artboard dimensions are being changed. This is particularly useful when a design includes many overlapping elements.

Grouped elements also help preserve the layout. If a logo, tagline, and button form a unit, they should remain grouped while the canvas is resized. This prevents small alignment errors that can appear when individual objects are moved separately.

Symbols can also be helpful in complex files. If several versions of a design share the same logo, footer, or navigation bar, symbols allow repeated elements to stay consistent across multiple canvas sizes.

Step 7: Expand Backgrounds and Bleed Areas Separately

After the canvas has been resized, backgrounds often need attention. A background image, color block, texture, or gradient may no longer reach the new edges. The designer should select only the background layer and extend it to the updated canvas boundaries.

For print projects, bleed should also be checked. If the project requires a 3 mm bleed, the artwork must extend beyond the trim edge. Increasing the canvas without updating bleed-related objects can cause unwanted white edges after printing.

For digital graphics, safe zones matter more than bleed. Text and logos should not sit too close to the edge, especially for social platforms where previews, cropping, or interface overlays may hide parts of the design.

Common Mistakes to Avoid

  • Scaling the whole design by accident: This can change font sizes, stroke widths, and spacing.
  • Ignoring the anchor point: The layout may shift in an unwanted direction.
  • Forgetting background layers: Empty canvas areas may appear after resizing.
  • Not checking export size: The document may look correct but export at the wrong dimensions.
  • Editing the original file only: A backup copy prevents permanent layout loss.

Final Export Check

After resizing and adjusting the layout, the designer should export a test file. The exported image or PDF should be checked at 100% size to confirm that margins, alignment, backgrounds, and important content are correct. If the design is for print, the PDF settings should match the printer’s requirements. If it is for web or social media, the pixel dimensions should match the platform specification.

Changing canvas size in Affinity Designer 2 does not have to damage a finished layout. With a duplicate file, the right resizing method, careful anchoring, and a final alignment check, the designer can adapt one composition into several formats while keeping the original design structure intact.

FAQ

Can Affinity Designer 2 change canvas size without resizing artwork?

Yes. The designer should change the document or artboard dimensions without applying scaling to the objects. This keeps the existing artwork at its original size.

Should Document Setup or the Artboard Tool be used?

Document Setup is best for a standard single-canvas document. The Artboard Tool is best when the file contains one or more artboards.

Why did the layout move after changing the canvas size?

The layout may have shifted because of the selected anchor or positioning setting. Choosing the correct anchor point helps control where the existing design stays when the canvas changes.

How can a designer add space only to one side of the canvas?

The designer can use an anchor point opposite the side being expanded. For example, anchoring to the left allows extra space to be added on the right.

What should be checked after resizing?

The designer should check margins, background coverage, text position, bleed or safe zones, and final export dimensions.