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
  • Vadim commented  ·  November 5, 2016 6:16 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Yes! I agree, this is very important feature which can save a ton of time.

    Submitting...
  • Karl Mochel commented  ·  November 4, 2016 3:00 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Handle text as an attribute of a shape, not as a separate graphic element.

    - In a UX text is most often bound to a visual affordance - button, tab, container etc. It is just an attribute of a shape.
    - CSS lets the user style DIVS so they can be all of these things.
    - It is annoying to have to manage graphic attributes of text - vertical and horizontal alignment, padding, margins, size, wrapping - of text by for buttons, tabs, containers, etc separately from the shape that defines them.
    - Text and the affordances they label or fill should be defined by their relationship.

    Submitting...
  • Stevo commented  ·  November 4, 2016 12:31 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Make it like this one! - https://www.youtube.com/watch?v=ZJCYUCU7YxQ

    But lightning fast :D

    Submitting...
  • [Deleted User] commented  ·  October 28, 2016 5:46 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Please add options to apply color properties to text frames, not just to text inside them.

    Submitting...
  • [Deleted User] commented  ·  October 25, 2016 12:55 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Please add options to apply color properties to text frames, not just to text inside them.

    Submitting...
  • Michael commented  ·  October 14, 2016 3:17 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    If we could add text to a box it would function the same as this request. This would save a lot of time.

    Submitting...
  • Taimar commented  ·  October 5, 2016 7:17 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It seems Subform has got UI Buttons right:
    https://subformapp.com/figures/home/demo_data_layout_embed.html

    Please, Adobe XD – make it happen too! :)

    Submitting...
  • Ben Franck commented  ·  September 14, 2016 8:10 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Please, this will lower the amount of objects the software (and users) have to handle. And it saves time.
    Buttons, content panels, slack-like profile bubbles with initials, etc...

    Really useful.

    Submitting...
  • steve petoniak commented  ·  September 7, 2016 7:04 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I'm currently building out a UI kit for enterprise and this would be so useful not only for buttons, but for content sections. instead of having to reference my docs every-time I change a button's text, it could automatically change it for me. +1 please make this adobe <3

    Submitting...
  • Aleksandr Lavr commented  ·  June 28, 2016 1:27 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Sketch plugin is ok, but in InDesign this feature is handier: generic text object works the same, but has an auto-resize settings, so you wouldn't need an additional hotkeys.

    Submitting...
  • HG commented  ·  June 23, 2016 8:28 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    YES! The dynamic button plugin for sketch is one of my most used plugins. In PS and Illustrator it's always a hassle

    Submitting...
  • Pepijn commented  ·  June 16, 2016 1:39 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Having worked with Axure a lot I'd definitely love the possibility of at least drawing a shape, being able to type text into it and adjusting its position both horizontally and vertically. I don't even use the HTML button in Axure but rather create my own buttons with their shape tool. Not sure wether something similar is possible in Xd but it would be very nice :).

    Submitting...
  • julianmoreno commented  ·  May 27, 2016 8:16 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Most times we need the buttons fit the width of the text. The plugin "dynamic button" for sketch is perfect, it would be ideal XD had this option to create buttons with fixed text paddings no matter what you add. https://github.com/ddwht/sketch-dynamic-button

    Submitting...
  • Anonymous commented  ·  April 28, 2016 2:17 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is something that would make life a lot easier, since with the current workflow we have to create 2 separate objects (e.g. rectangle + text) and then group them.. It would be nice to just...

    1) select shape
    2) start typing
    .. done :o)

    Submitting...
  • Sarah commented  ·  April 13, 2016 11:59 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is more of an Axure feature than a Photoshop/Illustrator one, but it's vital to quick wireframes/prototypes. Being able to draw a rectangle then type within it (along with setting margins, type alignment, corner radius, etc.) makes drawing buttons, section headers, and basically everything much faster. Definitely necessary if you want to be faster than Axure at wireframing.

    Submitting...
  • Stevo commented  ·  March 21, 2016 9:11 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Thinking alongside the repeat grid, I want to make buttons more easily without the hassle of manually pushing pixels to have the same padding for length of words.

    Submitting...
  • Anonymous commented  ·  March 15, 2016 7:35 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Add backgrounds, effects, etc to text boxes or else ability to type into shapes.

    Submitting...
  • Jessica Moon commented  ·  March 13, 2016 6:33 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    1. Ability to type words (with basic alignment properties) into rectangles, ellipses, and lines – and having the type and draw object always be the same associated object (as opposed to a separate type box that mimics the original draw shape as seen in PS when typing onto a vector shape).

    2. Easy flow chart creation, text within objects (like mocking up a text field or creating a button). Reduces complexity of objects to use within a working file. Also shaves off a little bit of time for something that a user will be doing frequently in certain parts of their design workflow.

    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