Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

Info layer (to describe the element sizes etc. to the team)


Recommended Posts

Info layer

One of the most boring parts of my job is, once defined an interface layout, is to prepare a descriptive document for the developers.
I usually create a document embedding the image of the layout and write all significant informations about the elements (sizes, colors, etc.)

1 - Basic implementation
When I select an element with the move tool or selecting from the layers panel, I’d like to have a new option: create information element.
This information will be placed in an “Info layer”. Each info layer can have multiple information elements.
The info to show, on selecting create information element, can be set by default, but for each element I’d like to customize it.
I’d like to see a view like the dropdown of snap options with multiple options where I can chose which informations I want to show (e.g. width, X position, opacity, effects informations). A custom text field to manual insert free text notes is welcome.



Info layer options
In the same file I’d like to see multiple info layers, so some info layer options could be considered:
Color format (e.g. HEX, RBGA, CMYK, and why not source code like in Color Picker app etc.)
Layer styles (e.g. numbers references or straight lines or lines and circles, arrows, etc)
Font style and color of the view


2 - Advanced implementation
Dynamic info layer: if the element changes properties (on change font size, color, position, etc.) the info layer updates his content. This will reduce the designer stress of changing something in the layout.
Autoresizing info as UI element: reproduce the Xcode or other tools autoresizing to quickly describe to developers how to manage the element on responsive context


3 - Fantastic implementation
Implement the autoresizing and auto layout constraints of the elements not only as information, but like the Lock children feature, as real binding with the parent element. So, the transform panel (or a new “constraints”) panel could have this options and if I resize the parent element, the child could be always in center or similar behaviors.

Link to comment
Share on other sites

  • 3 weeks later...
  • 3 months later...

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.