Jump to content

Automatic tagging output specification plug-ins

Recommended Posts

Let's look at these plug-ins:

Sketch: https://github.com/tudou527/marketch

Photoshop: http://www.biaonimeia.com/


This plug-in can reduce the UI designer output to the developer's workflow, it will output an Html file, automatic tagging the size of the layer above, color, size.

Developers use annotations file can be more convenient for development.

Before I use the Affinity is exported as PSD, then use www.biaonimeia.com to output.But I will meet a problem here, textLayer into the Image layer after layer exported as PSD.

So now, for the moment, Affinity workflow, unable to solve the problem of automatic tagging.

Don't know Affinity Team will add this function in this respect.If you want to meet this requirement is not too difficult, personal understanding of the ideas are as follows:

1. The traversal of the layer properties: layer size, position, font color, font type, font size.

2. The reference source sample at https://github.com/tudou527/marketch

3. Generate Html files as attachments.



Attachment on one of my use the Sketch automatic output sample: GUIOut.zip


I like Affinity Designer, so I put forward its own ideas, hope don't mind.

Link to post
Share on other sites

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.

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.

  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.