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 1350 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 101 ideas

(thinking…)
  • Searching…

    No results.

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

Use CSS properties / classes to specify object appearance

Add unique CSS properties to object properties.
Things like Margins, Padding and un-even borders are not common for design apps, but it would be great to define them per object in XD, honor them in the design mode, and export them as part of the object css,

1,093 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

Yoav Chen shared this idea  ·  Mar 14, 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-under-review  ·  Jul 11, 2016
Show previous admin responses (2)
feature-needs-more-info  ·  Demian Borba responded  ·  Jul 11, 2016
feature-under-review  ·  Demian Borba responded  ·  Mar 18, 2016

We are trying to follow the CSS model when we implement new property editor input fields on our Property Inspector. Exporting CSS, because the properties are so aligned with CSS, is in our backlog.

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
  • Thomas Hallgren commented  ·  June 10, 2022 8:51 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    What I love about Figma is that I design with CSS in mind. I don't get opportunity with XD. Major disconnect when handing off to developers.

    Submitting...
  • Max Schlachter commented  ·  June 1, 2022 6:11 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Good lord this would be nice. Replicating the way things behave on the web would make my job so much nicer. Figma is close with some of their autoformat options, but it would be awesome to add padding to a text box AND THEN do space evenly/space around for a group. If you implement this, please color code the bounding boxes. Let me see all the bounding boxes at once! PLEASE!

    Submitting...
  • Anonymous commented  ·  June 7, 2021 7:57 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Yep, agree with it, also i think works with properties systems for components could help with all problem we may have when we want to change only some propertie or restore only a special propertie form master component instead of restor all the state

    Submitting...
  • Anonymous commented  ·  January 2, 2021 3:21 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    All basic text and object styling that exists in CSS should be available one way or another also in XD

    Submitting...
  • Cubelodyte commented  ·  December 8, 2020 7:37 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    There are numerous requests for XD that could be translated to:

    Allow XD objects to behave as HTML objects with regard to CSS.

    In other words, one might expect that anything which could be done in CSS could also be done in XD.

    Example:
    A basic rectangle in HTML can have a border Top, Right, Bottom, or Left.
    XD provides no such ability.

    If we could apply CSS to XD objects directly in the interface, it would not only expand what we could design, it would also allow us to provide that CSS to our developers with no conversion or loss off integrity.

    Submitting...
  • Vlad Iepure commented  ·  October 5, 2020 4:46 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Please also add auto values.

    Currently, you either have the button size based on height & width or on padding—it would be great when setting up the padding to have the auto option (i.e. when a button needs to have the same height but the width is dependable on the object it is enclosed in or a fixed width; and vice-versa).

    Thanks

    Submitting...
  • Valentin de Bruyn commented  ·  August 29, 2020 11:08 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I would add that style tokens would be a first step that might be easier to implement.
    Storing spacings, or border styles for instance, as we can already do with font styles and colors would seriously be a blessing.

    Submitting...
  • pt commented  ·  November 9, 2019 12:10 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is such a no brainer. Every time I make buttons and I need to resize them manually to simulate stable "padding".

    Submitting...
  • Anonymous commented  ·  October 24, 2019 12:25 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I'd love to be able to inspect in a web browser and copy/paste the element styling and recreate it in XD through CSS code.

    Submitting...
  • Zack commented  ·  October 4, 2019 7:33 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    We absolutely need to be able to name style elements to translate to CSS classes in inspect mode.

    Submitting...
  • Anonymous commented  ·  September 6, 2019 4:19 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    +1

    Submitting...
  • Cynthia sanchez commented  ·  September 6, 2019 4:18 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    For text too. Titles and paragraphs have important margin properties that currently is not possible to specify in XD and we are struggling a lot with

    Submitting...
  • Michael Reynolds commented  ·  July 23, 2019 9:05 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Especially button padding!!

    Submitting...
  • Mark commented  ·  June 10, 2019 5:42 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I'd also like to see Spread in the shadows property...especially negative spread!! 😊

    Submitting...
  • Menghui Li commented  ·  May 22, 2019 2:00 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I am willing to code my object style in CSS. As long as the components can work as classes.

    Submitting...
  • Menghui Li commented  ·  May 22, 2019 1:58 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Also please make text box works like a <div>, with border, padding, margin everything.
    Then I'll never need to draw the same button a hundred times.

    Submitting...
  • Anonymous commented  ·  May 14, 2019 9:58 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Glad to see this Feature is Under Review!!

    Submitting...
  • Peter Scott commented  ·  May 8, 2019 1:23 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    From a design perspective, this would be a huge improvement, especially if you had the ability to update on the fly various XD files relating to the same project. Also, updating fonts across the same files would also be handy - but I guess in future this could be done via CC Libraries

    Submitting...
  • Cubelodyte commented  ·  January 10, 2019 12:02 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Note to Adobe:
    I see this request has been "under review" for over 2 years. Here's a little something that might help you push it over the edge.

    Given that an enormous number of feature requests revolve around the ability to make styling adjustments to objects that mirror what's possible in CSS on a page, taking on this request would allow you to clear dozens of related requests in one stroke.

    Submitting...
  • Chuck Howard commented  ·  October 25, 2018 10:54 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    so we already have the "Fix position when scrolling" but it would be cool to be able to assign absolute or relative values to responsive items

    Submitting...
← Previous 1 2 3 Next →

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