Request details

Scale/resize symbols individually

I love the addition of symbols to XD, only let down (beside the ability to re-organise them which is already posted as an idea) is that I have to create a new symbol for every required size.

Please let us scale the symbols

277 votes
Sign in
or sign in with
  • facebook
  • google
    Password icon
    I agree to the terms of service
    Signed in as (Sign out)

    We’ll send you updates on this idea

    Paul Waitforit MooneyPaul Waitforit Mooney shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →


    Sign in
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      • SjoerdSjoerd commented  ·   ·  Flag as inappropriate

        To specify a bit more what exactly would be useful (imo):

        - Being able to resize symbol instances without affecting the 'origin' symbol would add a lot more flexibility to working with symbols.
        - On top of that, I think being able to set resizing rules (stretch - float - pin to corner - resize), similarly to Sketch would be necessary to have some control over how objects within the symbols scale individually.
        - I'd also like to add that these resizing rules are (in Sketch) currently NOT limited to symbols alone. Instead, they're available to use in groups in general. Which is actually a good feature to have as well!

        So far my 2 cents on this feature. :)

      • Zack KeysZack Keys commented  ·   ·  Flag as inappropriate

        So there are two features that I've found to be invaluable when working within Sketch that I'd love to see in XD

        • The Ability to alter how certain elements of a symbol react when you change the size of the Symbol Instance.

        It allows for much more detailed mockups while retaining the benefits of symbol usage. It also allows for the creation of more condensed styling documents.

        Hopefully the videos I've attached will give you a good idea of what I'm talking about.

        Would love to see something like this within XD (Especially on the Windows side we where have virtually no options for good software in this vein)

      • Jelle SpaanJelle Spaan commented  ·   ·  Flag as inappropriate

        I see this as something that could be solved, together with a lot of other feature requests, by having the possibility to make multiple variations for per symbol. The first variation should be the master and for each variation you can select which attributes are synced with the master variation of the symbol.

        Variation attributes could be:
        -vector positions in relation to each other
        -size of the symbol
        -fill color
        -connection to an artboard
        -corner radius

        @adobe: If you think this is a good direction please let me know and I will work it out as how I think it would be best to see it back in the UI of XD.

      • NatangenzNatangenz commented  ·   ·  Flag as inappropriate

        The feature Symbols really need to obtain!

        It's awesome to have objects edited simultaneosely in ALL screens, but often I need to add a typical block and edit it according the situation - but I can't :( E.g. I have special button type - additional. It has rounded corners, green background and capitalized text. I need this button everywhere, but in different length. So I have to create different symbols to reach my goal...
        That's very unconvenient.
        Would be perfect to have 2 modes for symbols: editing a symbol in general, or current copy of it.

      • StevoStevo commented  ·   ·  Flag as inappropriate

        Will be incredibly useful to know how the UI works and show developers how it works.

        Especially reducing the manual work of moving objects like tab bar and status bar for different size width for different devices.

      • JonJon commented  ·   ·  Flag as inappropriate

        One feature i am hoping too, I use resizable buttons in sketch all the time. One Symbol with the base size and then stretch the width to reuse it but in a bigger instance. This cuts down the need for multiple symbols for the same thing

      • Justin WildenJustin Wilden commented  ·   ·  Flag as inappropriate

        Scaling Logos.
        Upload a logo at large size and then make symbol. Resize multiple times for different purposes. Logo in header, logo on home page, etc,

        Responsive Trick
        Use different scaled Symbol of a photo for different sized artboards.

      • Joel MeineJoel Meine commented  ·   ·  Flag as inappropriate

        Paul, Could it would be more effective to offer a flag/toggle, where you can set the symbol to allow scaling or not? When I nest a bunch of symbols inside of another symbol, I often would not want to "reuse" those in a scaled manner, however I could easily create another symbol, where it makes perfect sense for that symbol to support individual scaling, (per symbol instance), but the symbol itself remains a master-symbol with the original scale.

      Feedback and Knowledge Base