Export from Affinity Designer to Figma, how to get more than one pixel?

[gstruxture]

Hey, every time i export an .svg from AD to Figma, it always resizes to shrink the .svg image inside of one pixel.

I'm new to AD and I'm only having this problem in AD. It's like it resizes itself in an export or something. Please check out this loom video of me going through all the steps.

https://www.loom.com/share/90672ad2e6d94c6d9018f4b80aeb4c46

How can I export an .svg from AD that is 45x75px (or whatever) and it show up the same in Figma without me having to completely resize from a single pixel sized .svg? 

[firstdefence]

In SVG export settings, click on the more button and uncheck: Set ViewBox.

Leaving the Set ViewBox checked sets the Width and Height to 100% Unchecking it will allow export to specify the Width and height as pixels

[firstdefence]

This is the code for an svg with Set ViewBox Checked
 

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 45 75" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g transform="matrix(1,0,0,1,-280.25,-366.627)">
        <g transform="matrix(0.135748,0,0,0.226246,242.207,283.679)">
            <rect x="280.25" y="366.627" width="331.497" height="331.497" style="fill:rgb(255,130,42);"/>
        </g>
    </g>
</svg>

and this is the code for an svg with Set ViewBox unchecked
 

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="45px" height="75px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g transform="matrix(1,0,0,1,-280.25,-366.627)">
        <g transform="matrix(0.135748,0,0,0.226246,242.207,283.679)">
            <rect x="280.25" y="366.627" width="331.497" height="331.497" style="fill:rgb(255,130,42);"/>
        </g>
    </g>
</svg>

 

[v_kyr]

2 hours ago, firstdefence said:

Leaving the Set ViewBox checked sets the Width and Height to 100%. Unchecking it will allow export to specify the Width and height as pixels.

Yes that's usually the essentiell part here, namely that width and height are otherwise setup as 100% instead of pixel size values. The viewbox setting itself wouldn't hurt here ...

<svg width="45px" height="75px" viewBox="0 0 45 75" ...

... as far as the width/height settings aren't setup in percentages.

[gstruxture]

Thanks I got it!!  I had to find the settings in File > Export > SVG > More ....but that still didn't fix my problem in the "export profile" or (using slice)

SO i had to do a little digging in the side menu and i found it...

Pic below of the extra settings there.

 

[Pšenda]

X, Y, W, H are whole pixels? 

[Andrea Baccolini]

On 4/25/2019 at 4:54 AM, gstruxture said:

Thanks I got it!!  I had to find the settings in File > Export > SVG > More ....but that still didn't fix my problem in the "export profile" or (using slice)

SO i had to do a little digging in the side menu and i found it...

Pic below of the extra settings there.

 

Can you explain exactly how did you export please?