A better Symbol panel

Thanks a ton for reverting to a list view for the Symbol panel!

However, it's still a regression from what we had before.

  • it's less compact: the occurrence number takes up one full line and the icon is unique (doesn't have a utility) and still quite big
  • it's not sortable: sorting the symbols was quite important to me
  • it would be great to be able to group symbols into folders as well

Additionally, I read many times users asking for a way to easily spot where the symbols are used.

Thanks!

  • Vincent Bidaux
  • Jan 18 2017
  • In backlog
  • Timothy Noah commented
    January 18, 2017 17:07

    Agree Vincent the old Symbol Panel is sorely missed...

  • Diarmuid Sexton commented
    March 07, 2017 10:18

    I would like the ability to manually re-order the symbols - the same as we can move the interactions up and down to create our own order. 

  • Naweed Shams commented
    October 06, 2017 20:16

    +1 

    I don't have any votes left but this is an absolute must-have! 

    What I would love for the symbol panel is to allow grouping;

    • Headers / nested symbols with different layouts

    • Navbars / nested symbols with different layouts and color palettes

    • Content / nested symbols with different layouts, color palettes, typography, composition etc

    It would also be amazing to upload a screenshot of the symbol and attach it as a thumbnail instead of navigating through a long list of words. This will massively reduce searching time and improve the user experience.

  • Valentin de Bruyn commented
    October 27, 2017 14:21

    Agree. In order to create efficient design systems, we need a revamped Symbols panel.

    Attached is a quick redesign.

     

    I think we mostly need :

    - grouping

    - re-ordering symbols & groups

    - searching would be nice too

    - the ability to nest symbols

    - clickable instances number > display the pages where it's used + the symbols where it's nested in 

     

    I was thinking that screenshots of symbols would be cool too, but not sure of how readable it could be at such a small scale. As far as I am concerned, I would stick to proper naming of symbols (search function and grouping would help to find whatever I need quickly).

    For a more visual access to my library of Symbols, I would create a separate "Style Guide" page, in which I would drop all my Symbols. Imagine that, combined with cross site copy/paste... That would enable us to create basic components libraries, which we could use to prototype websites in a blink.

     

  • Evan McDaniel commented
    March 09, 2018 19:30

    I'm interested in being able to get info about where each symbol is used across a site. 

    In theory It's good to know how many times it's used, but in practice it's not that helpful without the knowledge of which pages on which it is used.

    I'm needing to make a change to a symbol right now, and I'm going to have to go page by page until I see where else it's used.

    Sometimes I wish the webflow UI could be open-sourced so the community could contribute... I can dream, right? :)