Request details

Button tool - style text box with border, background color, padding (auto resized when text changes)

To speed workflow it would be good to have button tool in the sidebar. In the property inspector you'd have the ability to specify the top,bottom, left and right padding. the width of button would dynamically resize as you type the button's label.

858 votes
Sign in
(thinking…)
Password icon
Signed in as (Sign out)

We’ll send you updates on this idea

pamjam shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

72 comments

Sign in
(thinking…)
Password icon
Signed in as (Sign out)
Submitting...
  • Vlad-Florin Iepure commented  ·   ·  Flag as inappropriate

    Inset Spacing like in Indesign (custom indentation for text boxes)

    This would solve the issue of doubling objects. At the moment, when you create a button, you need a text box and a shape. Inset spacing would solve this and at the same time would offer more control in overall spacing.

    Thanks

  • Roy commented  ·   ·  Flag as inappropriate

    Buttons, the most common thing that interface designers need for every app. But a simple function which most of the design tools do not have.

    With Sketch and a third-party plugin I worked around and made a dynamic button, with multiple layers:
    Perfect, now I only use 1 button symbol, to create all.
    Shape
    * rectangle
    * rounded
    * circle

    Color
    * the primary colors

    Type:
    * text
    * icon
    * text + icon - left
    * text + icon - right

    State
    * default
    * focus
    * active
    * hover
    * disabled

  • Anonymous commented  ·   ·  Flag as inappropriate

    Great idea. Let's add this to XD. Buttons are the most common element in UI today. Let's get it right.

  • Greg Olson-Hyde commented  ·   ·  Flag as inappropriate

    I agree with the comments below – buttons are ubiquitous in web or app design and a button with padding, background and auto resizing as text increases should be a no-brainer

    PLEASE

  • Anonymous commented  ·   ·  Flag as inappropriate

    I really wonder why this has not been a part of the app from the start.
    Buttons might be one of the most ubiquitous component in UI Design, and yet no design tool (except production tools such as Webflow or Xcode) offers a "button" natively in the toolbox... Quite puzzling right?

    Please, add this feature, every time I draw a button using a rectangle + text and have to manually resize it, it just hurts.

    Thanks!

  • Pank commented  ·   ·  Flag as inappropriate

    Thanks for the plugin, which is a cool workaround. :) However, the plugin doesn't work well for the buttons that are already created in the existing files.

    Dynamic buttons are very much needed in XD out of the box. In most of the cases, same button style is used with longer labels and creating different instances becomes difficult to change the style globally.
    Additionally, there are different types of buttons such as the ones with descriptive and qualifier icons, with or without background.

  • Brent B commented  ·   ·  Flag as inappropriate

    This is weird to find such an old but important request not implemented. Padding is so crucial in sketch, and now framer has an excellent implementation.

  • Cristian Carlsson commented  ·   ·  Flag as inappropriate

    Yes, this is soo needed.

    This is the only problem I have with the repeat or control pattern..

    Would be nice to be able to connect a object size with another object, Then we could set the text and rectangle to the wanted size but then "group with size" or something so they will follow each other..
    Or any other solution that is solving the problem of course :)

  • Anonymous commented  ·   ·  Flag as inappropriate

    This would be so good! It would really speed up workflow and as a UX/UI piece of software XD should really be able to do this type of function.

← Previous 1 3 4

Feedback and Knowledge Base