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
  • 王娇 commented  ·  November 3, 2021 8:34 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I hope it can choose whether I need to set the text button

    Submitting...
  • Kailyn Brush commented  ·  January 21, 2021 9:58 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Even with the update, any time I try to add padding to my button all it adds is a margin. Not really what I want/need. Anyone know any fixes?

    Submitting...
  • Cris commented  ·  January 28, 2020 11:52 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Hi there
    I just tested the new feature, and it's great, thank you! However, I have prototypes with buttons where they are different sizes, with respective different font sizes, and this doesn't work with my requirement.
    Is there another way to do it?
    Thanks

    Submitting...
  • evancowan commented  ·  December 18, 2019 12:10 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    All text boxes should have ability to add background colour, corner radius, and padding/margin on each side. You should be able to set the text box to grow / shrink vertically if more or less text is entered. Also ability to top, middle, or bottom align copy in a text box. You should be able to grow the text box vertically from the bottom or top depending on your pinning.

    Submitting...
  • Ivy Sosic commented  ·  December 9, 2019 10:59 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Sketch recently introduced Smart layout which has the ability to automatically adjust components (symbols) when, for example editing text in a component. This happens a lot and instead of having to do this manually why can't a button box adjust automatically when I increase my text size? it's such an intuitive behavior, please add this to your toolbox)

    Submitting...
  • Vivi commented  ·  December 8, 2019 7:42 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Please update this soon so we can switch to XD from sketch. :)
    also, not only for button, this also works for image and any layout that have fixed padding.

    Submitting...
  • Dashanan commented  ·  December 3, 2019 1:58 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Imagine you are making a filled text button. The button has 2 layers: Text layer and Rectangle layer. You have given an internal padding of 16 points between the text layer and the rectangle's horizontal edges. Now if you change the length of the text, then the rectangle length and the internal padding needs to be readjusted all over again.

    What is required is a way to freeze the relative positions of the layers so that if the text length is changed then the size of the rectangle automatically changes to maintain the defined padding.

    Furthermore if a fixed-width text layer is filled with a string longer than its width, then the layer expands vertically to maintain the spacings of all the remaining elements on the artboard.

    Submitting...
  • UX Designer commented  ·  October 17, 2019 2:11 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is definitely a huge pain point for my team right now and I'm excited to see it's in development. Please, please make sure we have the option, though. Sometimes we need a button or, as another user mentioned, other element to be able to resize based on the text, other times the element size needs to be a locked to a standard size and, if the text string is too long, we need to rewrite or adjust the font. If this ends up being like the component bounding box always resizing, it's hard to create templates for asset with pre-defined sizes.

    Submitting...
  • Андрей Берестовой commented  ·  October 15, 2019 12:57 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It is not necessary to do this only for the element with the name "Button". This solution can be universal for any combination of elements, for example, text + rectangle or image + rectangle, etc. The "button" is just a special case.

    Submitting...
  • Ana Mineiro commented  ·  October 11, 2019 3:53 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Would be great to have this feature in XD not only for the designer but for sharing for development as well, to be able to give the developer those specs

    Submitting...
  • Mike L commented  ·  October 9, 2019 12:56 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I wish I could vote for this twice.

    I would also like to add support for an icon BEFORE or AFTER the text inside the button!

    Submitting...
  • Matza commented  ·  October 3, 2019 9:08 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    With point text I have textboxes which automatically resize to fit text amount. But I can't give the textboxes borders and background colors to design a button. So I have to out the point text box into a rectangle. But the rectangle does not resizes automatically when the text content increases.

    Submitting...
  • Anonymous commented  ·  September 18, 2019 12:38 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    In manual mode of responsive resizing, include options to have layout dynamically respond to variable height or variable width of text. Maintaining fixed padding around it as text amount grows.

    Submitting...
  • ReWorks@avency commented  ·  August 28, 2019 5:06 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    please review it soon ind give us a beta try

    Submitting...
  • Farhan Ahmad commented  ·  August 20, 2019 11:41 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Yes there's this feature needed with fixed padding left and right top and bottom and width should be followed with text size width and height.

    Submitting...
  • Aaron commented  ·  July 26, 2019 2:33 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is one major thing that's stopping me from using XD over Sketch more. The Anima plugin for Sketch is great at tackling this issue so I'm eagerly awaiting Anima to become compatible with XD, or for Adobe to add a similar feature in an update. Some news would be great!

    Submitting...
  • Joshua commented  ·  July 25, 2019 9:58 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    How is this not a thing yet?

    Submitting...
  • Jonas Hartmann commented  ·  July 11, 2019 5:14 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Any news here?

    Submitting...
  • Robin Wolf commented  ·  July 10, 2019 5:33 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Please add a solution provide a plugin to auto adjust the width of buttons as text changes:
    https://www.youtube.com/watch?v=ZJCYUCU7YxQ

    Submitting...
  • André Rocha commented  ·  June 25, 2019 12:24 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Any updates, guys?

    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