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 1352 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,835 ideas

Show/edit Gradient stop position as precise number

The gradient fill, in it's current form, does not show what position (from 0 to 1, or 0 to 100) the stop is located, like in other popular adobe applications such as Illustrator and Photoshop. This means that if I want the accurate position for each stop I have to export it to SVG and open it in Illustrator. This makes it really hard to make gradients with a middle fade accurately, and since there is no way to actually save the gradient as a swatch, you're stuck eyeballing it.

  •  
    E6Vc6tEWEAMaaQd.jpeg 230 KB
  •  
    ApplicationFrameHost_2019-02-27_17-47-49.png 3 KB
26 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

Jacob Birnbaum shared this idea  ·  Apr 11, 2017  ·  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
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
  • Lee commented  ·  July 15, 2021 11:10 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It would be great to know what position each of my colour stops are. E.g. is the colour in the middle here at 50%?

    Submitting...
  • Benedikt Zehetmayer commented  ·  May 4, 2020 12:25 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Until there is a proper implementation, I found a workaround to get the exact percentage.

    1, Select the object which you applied gradient on.
    2, Export it as a SVG
    3, check out SVG XML and you will find similar lines to these:
    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
    <stop offset="0" stop-color="red"/>
    <stop offset="0.456" stop-color="blue"/>
    <stop offset="1" stop-color="green"/>
    </linearGradient>

    4. Offset property equals to percentage in css

    Maybe it will be handy for someone :)

    Submitting...
  • Rémi Dion commented  ·  February 14, 2020 1:22 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Make a rectangle 100px high, drag some guides where you will blend another color (it's pixel to percent made easy) and drag your gradient slider there. Should be precise enough.
    Of course we'll need something more precise the day we can export CSS code...

    Submitting...
  • DBL commented  ·  February 13, 2020 2:01 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    The gradient tool in XD should be equal in features to all your other programs. We need percentages ASAP

    Submitting...
  • Michel Feinstein commented  ·  February 27, 2019 12:54 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    The answer is 54.8% (or 0.548), how do I know? The tricks is to export the gradient to SVG, open it into a Text Editor and look for the "offset", it would be something like this:

    <stop offset="0.548" stop-color="#46addb"/>

    Submitting...
  • Michel Feinstein commented  ·  February 27, 2019 12:50 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Currently there's no way to know the percentage of the Gradient Stops.

    I need to know where each color on the gradient is (from 0 to 1 or 0% to 100%) in order to translate this into code for an App.

    In the image attached you can see the problem. Tell me where the middle circle is. It's not at 50%, maybe 57%? Maybe 55%? This wastes development time for something so simple.

    Submitting...
  • Michel Feinstein commented  ·  February 27, 2019 12:46 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is really important to convey to a developer how the Gradient should be configured on code.

    Submitting...
  • Curtis G commented  ·  June 27, 2017 8:37 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Would love to be able to have fields to show % placement of breakpoints/color shifts in a gradient. They are in a slider so can you display the % location and allow me to slide or just enter the exact location I want the new color to be?

    Submitting...

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