Jump to content
AdiGital

Multiple artboards use global xy slice coordinates

Recommended Posts

Hello, I couldn't find an answer to this so apologies if I missed.

 

I'm not a heavy user of the Designer but I thought it should be straight forward:

Designing an UI for embedded device with multiple screens. I created separate artboards for each screen, all scattered across so I can see them all. I used the Export Persona to create slices for each on-screen element (buttons etc.). I need their coordinates to use in the code. While in Draw Persona, every element has XY coordinates related to the artboard. When I switch to Export, the elements that are not on the "initial" artboard have their XY related to that initial artboard.

 

As example:

- two artboards 320x240 px. side by side

- both have a button in top left corner (and in the Draw Persona both have their XY = 0,0)

- slice of the button on the first arboard has XY = 0,0

- slice of the button on the second has XY = 370,0

 

I'm not sure if I'm doing something wrong or maybe my approach is not right.

 

Attached image shows example slice in a tiny artboard (71x85 but the element's XY=644,476):

 

sliceXY.thumb.png.7026987d79cc8fe52a8190a5151a429b.png

Share this post


Link to post
Share on other sites

Hi AdiGital,

 

Welcome to the forums :)

 

This seems to be a bug, in the meantime if you switch back to the Draw Persona you should get the correct coordinates I know its long winded but its a work around for now!

 

Thanks

Callum

Share this post


Link to post
Share on other sites

Another option/workaround might be to stack the Artboards - have them on top of each other, then just have the Artboard you are working on visible and unlocked, that way each Artboard has the top left co-ordinate of x:0 y:0

Also name your Artboards that will help with exporting and filenames.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-12, - iPad2 iOS 9.35 B|  Instagram & Flickr - Affinity Designer (ADe) Tutorials - Affinity Photo (APh) Tutorials - Public Domain Images

Share this post


Link to post
Share on other sites

Thank you both very much! I used the stack method as more suitable. The slices I created don’t match exactly the elements. Works for now.

 

Thanks again! (Also for the naming artboards tip)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×