Amongst the popular requests in regards to Auto-Layout was a way to communicate the Auto-Layout specification to developers.
Today we are happy to announce that we have rolled out a new feature called “Export Specs”, which does exactly that.
How It Works
Once you’ve specified the Auto-Layout properties, click “Export Specs”.
This will present a dialog that lets you create or select an existing project. All you need to specify is the name of your project.
Now let’s take a look at how a Sketch design with Auto-Layout looks once exported using “Export Specs”.
Notice above that in the selected “header” layer, the Top and Center Horizontally pins are selected.
Clicking “Export Specs” will upload the design and Auto-Layout specs, and present with a link to a “Handoff” webpage.
Next step is to open the link in a Browser and inviting developers to view the specs. Notice that selecting the same “header” layer in the browser, reveals the Auto-Layout specs as well.
And it works with Stacks as well!