New and returning users may sign in

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
← Adobe XD: Feature Requests

Request details

Feedback

Adobe XD: Feature Requests: 01 : Design mode

Categories

  • CATEGORIES
  • All ideas
  • My feedback
  • 01 : Design mode 1351 ideas
  • 02 : Prototype mode 368 ideas
  • 03: Share mode 47 ideas
  • 04 : Sharing on the web 212 ideas
  • 05 : Asset exporting 157 ideas
  • 06 : Extensibility 37 ideas
  • 07 : Integration with other tools 120 ideas
  • 08 : Mobile (iOS) 24 ideas
  • 09 : Mobile (Android) 18 ideas
  • 10: Developer Handoff 137 ideas
  • 11: Plugins 134 ideas
  • Other 102 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,833 ideas

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.

  •  
    box does not fit to text content.JPG 1426 KB
  •  
    Screenshot 2019-01-28 at 15.22.02.png 98 KB
  • demo_data_layout.mp4
    demo_data_layout.mp4 61 KB
  •  
    UpdateContent.PNG 171 KB
1,267 votes

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

pamjam shared this idea  ·  Apr 24, 2016  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

How important is this to you?

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
feature-completed  ·  AdminElaine (Adobe) (Product Manager, Adobe) responded  ·  Jan 28, 2020

January 2020’s release of XD now supports content aware layout, which enables you to create flexible buttons. Check out more here: https://letsxd.com/content-aware-layout

Show previous admin responses (4)
feature-started  ·  Andrei Ganci (Adobe XD) responded  ·  Oct 15, 2019
feature-under-review  ·  Demian Borba responded  ·  Jul 11, 2016
feature-needs-more-info  ·  Demian Borba responded  ·  Jul 11, 2016
feature-under-review  ·  Tom Krcha responded  ·  May 24, 2016

Thanks for the suggestion.

Current workaround: You can kinda achieve this today with Area Text + Rectangle grouped together, it will imitate a button that you can resize.

Tom (Adobe XD)

Tweet
  • Remove
Attach a File

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Cris commented  ·  May 30, 2019 5:47 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Yes, please!
    And also include shadow as formatting. I have just used a component for a button for a white label interface and just realised it doesn't work well if I add a shadow to the original component, as it gets cut out.

    Submitting...
  • Azhar Khan commented  ·  May 28, 2019 10:17 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    +1

    Submitting...
  • Sergey commented  ·  May 24, 2019 9:49 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This shouldn't be just "button tool". Any rectangle should accept text and that text must have vertival/horizontakl allignment property and separate top/right/bottom/left padding similar to InDesign.

    Submitting...
  • Anonymous commented  ·  May 17, 2019 5:44 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Can we have some news about ths feature please ?

    Submitting...
  • Anonymous commented  ·  April 12, 2019 6:42 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Adobe, I can't believe this is not a thing yet!

    Submitting...
  • Anonymous commented  ·  February 15, 2019 3:40 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    +1 The current behaviour is inconsistent with most Adobe applications.

    Submitting...
  • Robbie commented  ·  February 6, 2019 9:42 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    +1

    Submitting...
  • Anonymous commented  ·  January 29, 2019 1:05 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    +1

    Submitting...
  • Vlad-Florin Iepure commented  ·  January 28, 2019 6:29 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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

    Submitting...
  • Roy commented  ·  January 25, 2019 3:04 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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

    Submitting...
  • Matthew Simmonds commented  ·  January 23, 2019 2:20 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I am considering switching to another tool like Figma or Sketch because XD doesn't have dynamic buttons. It should have been in the tool right from the start.

    Submitting...
  • Anonymous commented  ·  January 23, 2019 7:45 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

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

    Submitting...
  • Greg Olson-Hyde commented  ·  January 11, 2019 4:17 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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

    Submitting...
  • Valentin de Bruyn commented  ·  December 7, 2018 9:37 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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!

    Submitting...
  • mj commented  ·  November 17, 2018 11:59 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    your link is not working

    Submitting...
  • Pank commented  ·  November 7, 2018 6:58 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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.

    Submitting...
  • Anonymous commented  ·  November 5, 2018 3:51 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Padding and margin can be applied on many different elements (not just text).

    We can simplify this and extend the use case. Allow padding/margin to be set/given on anything 'drawn', 'placed' or 'written' in Adobe XD.

    Only when added as a symbol it retains the values you have given it.

    This can be used for grid layout, buttons, images and many more things as per coding you app or website.

    Submitting...
  • Best Of All Films commented  ·  October 30, 2018 7:56 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    ✋🤷‍♀️🤷‍♂️Read below comment before reply

    Submitting...
  • Best Of All Films commented  ·  October 25, 2018 3:10 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    update: added this feature download plugin from here

    https://github.com/PramUkesh/XDWidgets/releases/download/1.0.2/Widgets-for-xd.xdx

    Steps to use:

    - First add the button using Ctrl/Cmd + Shift + Alt + B

    - change button text to your requirement

    -select button text and use Ctrl/Cmd + Shift + Alt + O to resize the button automatically

    Wola! feature completed

    Submitting...
  • Best Of All Films commented  ·  October 25, 2018 6:10 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Use "Widgets for XD" Plugin
    Even though it doesn't have that feature i will add that in next release
    but may not be responsive but it can be possible with a shortcut in next release

    https://github.com/pramUkesh/XDWidgets

    I will notify you once this feature is released

    follow me on Twitter so you can get instant updates

    https://twitter.com/PramUkeshVenky

    Submitting...
← Previous 1 2 3 4 5 Next →

Adobe XD Feedback : Feature Requests & Bugs · UserVoice Terms of Service & Privacy Policy · Adobe Terms of Use · Adobe Privacy Policy