Show the layer names on design spec mode
When the developer clicks an element, the layer name is not shown. Today he can only see the type of that layer ("Rectangle", "Text", "Group", etc). If the layer name was shown the designers could append information on that layer like the asset name or the color variable that should be used on that element.
Kaue Lima
shared this idea
Whenever, you click on a layer in design specs, the layer type and name are displayed in the Design Specs properties inspector
-
Adnan Hassan
commented
Not able to see the style name of the character styles.
-
Carly Reeves (NFXS)
commented
Yes please!!! If I am going to the effort of naming layers it would be great if this was used to provide context and guidance for devs. For our devs to be able to see the layer name, and also potentially the parent Group name, would allow our designers to apply naming convention to guide devs on intended use. Our designers know enough about CSS to be helpful (and dangerous), meaning they could be using ID and class references as layer names to help streamline handover.
Also agree with @kauelima that this seems the most obvious method of passing font icon unicode or friendly name references (currently a separate and time consuming process).
-
Tim Rice
commented
This could be really helpful, especially when building out a UI Kit to match a design system. We've discussed structuring our layers so they are named after the component at the top level and then certain properties or tokens as you drill down into the layers (example: input-textbox > input-textbox.label). This would help improve communication between designers and developers without requiring designers to explicitly document every component they use in their designs.
-
Kuba
commented
Yea show layers structure in Specs mode!
That would be VERY usable for handling specs to devs. e.g. -
Hugo
commented
With the possibility of having labels in the assets, it would be great to display the name in design specs.
-
Wiredframe
commented
Please show the layer names in the design specs!!!
-
Kaue Lima
commented
Update: one of my main uses of this would be to pass Font Awesome icon names to devs. Today I found a way to do that (at least with Font Awesome PRO 5). Installing Font Awesome as a system font and using ligatures to write the icon names those names will be kept on the "content" box in design specs!
Showing layer names is still useful for other cases like asset links or other text indications.
