Request details

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.

54 votes
Sign in
(thinking…)
Sign in with: Facebook Google
Signed in as (Sign out)

We’ll send you updates on this idea

Kaue Lima shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

5 comments

Sign in
(thinking…)
Sign in with: Facebook Google
Signed in as (Sign out)
Submitting...
  • Tim Rice commented  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    Yea show layers structure in Specs mode!
    That would be VERY usable for handling specs to devs. e.g.

  • Hugo commented  ·   ·  Flag as inappropriate

    With the possibility of having labels in the assets, it would be great to display the name in design specs.

  • Kaue Lima commented  ·   ·  Flag as inappropriate

    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.

Feedback and Knowledge Base