6

Sketch Buttons as Symbols wo Plugin

over 4 years ago from , dgtlprtn.de

Hi designers. As I want to avoid plugins (do not ask why please) I want to build a Button-Symbol with Autorsizing in width ... can someone link me to a tutorial, that really does this? I saw a ton with anima or the (not available anymore) paddy plugin - but as sketch has the pining and autotext feature I was wondering this should go with only sketch, right?

What I did encounter is, the autotext works as long as the object its width is moving does not exeed a certain height ... I do not get why.

17 comments

  • Duke CavinskiDuke Cavinski, over 4 years ago

    My solution, despite trying plenty of spotty plugin support, is to set the default label as fixed and set the margins as I'd like. Then when I override the label, I just resize the button until the text no longer wraps so that I know it's the correct overall width.

    15 points
    • Andrew Washuta, over 4 years ago

      This is the methodology we currently use in our "design kit". Surprisingly working across 6-7 designers it works pretty well. Doesn't require us to have the same plugins and whatnot.

      1 point
  • Josh Sanders, over 4 years ago

    ive tried what felt like 100s variations myself... scourged the internet for articles and tuts... only to find that using a plugin is currently still the best (only feasible?) way of doing this. I used paddy for the longest time, and loved every second of it. When it was discontinued, my team and I were left scrambling trying to figure out what to do with all our button symbols. Once Anima added their padding feature, I decided to go that route. It's not perfect, and is still just a shadow of what Paddy used to be in terms of functionality, but makes for very simple and easy button symbols that are responsive. I know that's not what you wanted to hear, but throughout all the time i've personally invested in attempting to solve this same problem I'd still say using a plugin is the way to go for this.

    5 points
  • Padding Left, over 4 years ago

    just use aanima padding feature.

    1 point
  • Simon FSimon F, over 4 years ago

    Had these issues too. Don't understand why Sketch has not implement this feature yet. I don't want to use plugins either. I started using Anima as they will keep up with the plugin support at least until they go bust.

    0 points
  • Account deleted over 4 years ago

    Why? Because sketch is not an actual ui design software. It's just keynote on steroids. There are still can't be solved back from version 2 and probably it's not going to be solved either because the graphics engine sketch rely on doesn't have such capabilities. U'd be surprised if I start to list out the features are actually native features within OSX (eg, symbols are actually document sign feature on preview) So if apple develops such thing, so can sketch. Otherwise don't expect anything ground breaking from them.

    Just hold your breath for a few months, figma and xd would have such stuff in the near future..

    0 points
    • Duke CavinskiDuke Cavinski, over 4 years ago

      Why doesn’t Figma have it now, then? Why drive a Ford when you can drive a Chevy? Why use Mac when you can get a more powerful PC for less?

      A lot of people work for companies and large teams that require incremental buy-in. If you were running one of these teams and jumped from tool to tool every couple of months, god bless.

      Leaving Sketch’s headaches introduces you to the world of Figma’s headaches (and yes, it has plenty.)

      3 points
      • Account deleted over 4 years ago

        That's why I'm still using sketch. Can't introduce figma nor xd to 10 year company who have only .sketch files on their archive. I mean I'm not a salesman or representative of figma AND part of your job is to play with the team. So yeah, there's still a long way for xd and figma to be an industry standard. But than again, adobe has always an extra budget for marketing, so you never know.

        Leaving Sketch’s headaches introduces you to the world of Figma’s headaches (and yes, it has plenty.)

        Well honestly, I have nothing against this, in fact I do agree %100. Well, the whole industry is a headachy anyway, isn't it? lol

        2 points
    • Nicolas PrietoNicolas Prieto, over 4 years ago

      Hey George. That sounds a bit inaccurate I think. Padding is coming soon to Sketch.

      0 points