Jump to content

Recommended Posts

  • 2 weeks later...
Posted

I've been doing some testing today and there's quite a loing way to go to get full interpolation between Affinity Designer and Figma.

A few things I noticed (assuming there isn't a setting I've overlooked):

Affinity Designer outputs rectangles to SVG as paths  -  if outputted as <rect> you can use attribute rx to specifiy rounded corners. In theory that should make it easier to retain rounded corner editability and import into Figma as a rectangle which would be very handy.

If you import an SVG into Figma exported from Affinity Designer that includes shapes or vectors with pattern fills you get weird results (patterned filled objects are resized to 1x1px and positioned to 0,0 on the canvas in the tests I did).

The last issue was when I imported an SVG into Figma exported from Designer I eneded up with a lot of extra groups and sub-groups for some reason, in more complex deisgns that will make everything a complete nightmare. When esporting to SVG from Designer you can reduce thenumber of layer  groups by checking  'flatten transforms'.

I reported to Figma as well and hope for some better compatbiltiy in the future. To use the best features of Figma we need to retain maximum editability of designs so when presenting to a client we can do tweaks on the fly in the front of them.

I'm not claiming to be any eport on the SVG format but the SVGs exported from Designer do seem bloated.

Posted

Quick update for cleaner import of SVGs exported from designer into Figma make sure 'flatten transforms' and 'use tile patterns' are checked in SVG export settings - seems to result in a much tidier affair when importing into Figma although and bitmap fills are still lost

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.