Misalignment after transfer selected artboard


#1

This is an artboard in my sketch file

After I transferred, the react studio shows it as misaligned

What should I do to ensure that the transfer is as smooth as possible?

I have realized the reason may have been the transfer auto assume 1280x720

image

How do I select the size of the transfer? I purposely create the project at a custom size that matches the artboard, but the transfer still uses 1280x720 in the end.


#2

Unfortunately Sketch importer does not import 100% accurate when using complex Sketch designs. In this example I’d suggest to fix the element sizes and alignments in studio after the import. It’s also highly probable that this kind of design needs a lot of re-designing in Studio because the Sketch example is designed to work with static content and in real life the text lengths and screen sizes will vary a lot.