Skip to content

Affinity workflow

How to export a logo from Affinity for a client

Prepare the approved artwork, choose the right native exports, and deliver files your client can understand.

The short answer

To export a client-ready logo package from Affinity, isolate the approved variations, create SVG and raster files for screen use, prepare the requested print files, and check the delivery folder. Affinity already supports multi-format batch export; a separate packaging tool is optional.

Before you start: check your Affinity version

Version note: This guide distinguishes the current unified Affinity desktop app, which uses Slice Studio, from Affinity Designer 2, which uses Export Persona. Instructions were checked against official documentation on October 8, 2026, rather than a hands-on app test.

1. Prepare a delivery copy

Keep your editable master. In a delivery copy, separate the approved primary logo, symbol and reversed version into clearly named groups or artboards. Remove rejected concepts and presentation backgrounds from the export areas.

Inspect each boundary. Excess empty space can make the logo appear undersized when a client places it in a template. An overly tight crop can cut off strokes. Decide how much padding belongs in the asset and keep that choice consistent.

Outline logo lettering in the delivery copy when the recipient should not need your fonts. Preserve live text in the master for revisions. Agree separately on editable source files; a set of exports does not replace that handoff.

2. Export and inspect one SVG first

In the current Affinity desktop app:

  1. Select the approved logo or use its named artboard.
  2. Choose File > Export > Export.
  3. Select an SVG preset and review the preview and settings.
  4. Set Area to the intended artboard or Selection Only. The separate Selection Area option can include overlapping objects from other layers.
  5. Choose Ask for Location, click Export, then name and save the file.

These controls are documented in Affinity's current Export dialog guide.

Open the exported SVG in a browser and compare the lettering, counters, strokes and bounds with the approved artwork. Check effects and transparency particularly carefully.

For Designer 2, SVG settings include Export text as curves and Set viewBox. Its Rasterise: Nothing setting can omit unsupported elements; selecting it does not repair incompatible artwork. Inspect the result rather than assuming every SVG remains entirely vector. See the Designer 2 export settings.

Further reading: current Export dialog guide · Designer 2 export settings

3. Batch export in current Affinity: Slice Studio

Use Slice Studio when the package needs multiple formats or sizes. Affinity's own logo-handoff guidance explicitly describes exporting SVG, PNG at 1× and 2×, EPS and PDF together. Plan a slice for each approved variation and configure the outputs that belong with it. Affinity also lets you save an Export dialog preset for reuse in Slice Studio.

For a small delivery, individual exports may be easier to check. Batch exporting becomes useful when those approved choices repeat.

Further reading: Official Affinity logo-handoff guide · Affinity: saving export presets

Legacy Affinity Designer 2: Export Persona

Switch to Export Persona. In its Layers panel, select a logo group and choose Create Slice. In the Slices panel, expand the slice, set its export formats and sizes, check the required slices, and use Export Slices. Follow the Designer 2 slice instructions.

A slice created from a layer exports that layer's content. A slice drawn with the Slice Tool includes visible content inside its area, potentially including a presentation background. Designer 2 also supports folder paths in slice filenames. Its documentation notes that scale multipliers interact with document DPI, so verify actual pixel dimensions.

Further reading: Designer 2 slice instructions · Designer 2 Export Persona overview

4. Build screen and print outputs deliberately

For ordinary website use, prepare an SVG and transparent PNGs at the required pixel dimensions. Use sRGB for general web delivery. Include a JPG only when the destination needs a solid-background image. Explain which version should be used over dark backgrounds.

Affinity supports CMYK and professional PDF output. Ask the printer for the required color profile, PDF standard and any spot-color requirements before choosing settings. The current app includes PDF/X-1a:2003, PDF/X-3:2003 and PDF/X-4 presets with different defaults; a preset name alone does not confirm suitability.

Check the exported PDF's color and font handling against that brief. Add bleed and printer marks when the actual printed layout requires them. A standalone logo asset does not automatically need crop marks. Keep production-specific files clearly labeled so a client does not mistake them for general web assets.

Further reading: Affinity PDF preset comparison

5. Worked example: a small client handoff

Hypothetical example: Cedar Studio approves a horizontal logo and a white reversed version. Its developer wants a PNG displayed at 240 pixels wide, with a 480-pixel-wide image for a 2× placement. Its printer requests a CMYK PDF using a supplied profile.

Export the screen files, reopen them, then prepare and inspect the printer's PDF separately. Put the named print profile and intended use in the guide. These sizes and filenames illustrate this brief; they are not universal logo requirements.

If your client's needs are less clear, start with what logo files to send to a client.

A focused delivery could contain:

Hypothetical client package
Digital/Cedar_Primary_RGB.svg
Digital/Cedar_Primary_Transparent_240px.png
Digital/Cedar_Primary_Transparent_480px.png
Digital/Cedar_White_Transparent_480px.png
Print/Cedar_Primary_CMYK.pdf
Readme/Cedar_Logo_Guide.pdf

6. Optional: package the checked SVG with logopack.app

You can assemble the delivery using Affinity exports and your own folders. If you want a browser-based packaging step, upload the checked SVG to logopack.app, review the variants and colors, and inspect the resulting package.

Pro adds custom PNG and JPG sizes, JPG background options, plus a PDF Logo Guide. That guide can accompany the assets and explain their use; review it before delivery.

Pro's CMYK PDF logo output supports solid-vector SVG artwork. Gradients, raster images and masks are outside that supported workflow, with no RGB fallback for unsupported artwork. It does not provide a printer-specific output profile or PDF/X certification. The separate PDF Logo Guide remains RGB. Use Affinity for production requirements beyond the supported export, and confirm suitability with the printer.

Further reading: logopack.app

7. Check the package the client will receive

Unzip the final delivery into a fresh folder and check:

  • Lettering and shapes match the approved artwork
  • PNG dimensions and padding match the brief
  • Transparent and white versions work on appropriate backgrounds
  • PDF color and production settings match the supplier's requirements
  • Filenames distinguish variations and intended uses
  • The guide identifies a default logo and explains the main formats
  • Rejected versions and obsolete files are absent

PUT IT INTO PRACTICE

Ready to prepare your pack?

logopack.app turns existing SVG artwork into an organized logo package. Preview your files, choose the available export options and check the result before handing it over.

Start with the logo pack generator, explore the sample ZIP, or compare the current plans.

Open generator
← All guidesSuggest a correction