Web Share: Ability to change background color
The preview link works really well, but it would be helpful if the background colour could be set to a custom colour. The default is white, but it would be handy if you could specify black (or any colour) instead. My reason is that when displaying a mobile screen on various mobile devices for testing, i often get small white stripes at the top and bottom due to variations of screen resolution. If i could set the background colour to black, then the gaps at the top and bottom wouldn't be an issues as the black would blend into a phone's frame.
-
Galen Shaffer commented
EV-ERRRR-RY time I look for an answer to an Adobe XD problem I have due to basic missing features and lack of well-thought-out core capabilities, I wind up on USER VOICE and find the same thing - everyone else has the same complaint, and it goes for years without Adobe replying or adding any of the requests or suggestions from this community. Frustrating.
-
Mike L commented
This feature is extremely important and is arguably a bug. Not being able to distinguish design backgrounds from the XD prototype background is confusing team members and clients!
Please give us the ability to change the XD prototype background color. Even better, don't encase our prototypes in a frame AT ALL! Present them fully in the browser the way they are meant to be seen.
Attached are two screenshots. One, of the current broken presentation (where the wireframe background is getting lost in the interface background), and one where customization is allowed (and my client can clearly see the boundaries).
-
sweatbass commented
I truly hope that we will be able to use this capability in the near future! People with whom I distribute the publish links seem to have difficulty distinguishing the user interface (UI) from the XD publish interface. https://dordle.io
-
Ernesto Bernado commented
Any update on this? It is quite basic and important.
An option could be to automatically include a frame on each screen of the design... -
jennykim commented
there should be a darkmod or back ground change scheme as i have recommend this to my audience through graphic blog (https://moonstonering.shop/collections/moon-rings) now i think there should be some updates atleast in background color scheme so the user can use it in night or they can use darkmod.
-
Hussain Raja commented
Or allow us to turn on shadowing to lift the UI mockup from the background.
-
Hussain Raja commented
I would really like to see this feature implemented sooner! I've noticed people I share the publish links with struggle to separate the UI from the XD publish interface.
Please add this option!
-
A S commented
Please allow dark mode on Shared links.
-
gary simon commented
I've probably pushed thousands of users to XD from my youtube channel over the years (DesignCourse), but this is one of those features that has to be implemented in order for me to continue recommending XD.
I was trying to design with a background color that was very similar to the canvas background, and it makes designing very frustrating.
-
lilbox commented
I need this. Stakeholders/clients are getting confused.
-
Anonymous commented
When prototype links are viewed by stakeholders on the web, there is a standard off-white background behind the prototype. I'd like to be able to change the background color to match our prototype background, etc.
-
Anonymous commented
When prototype links are viewed by stakeholders on the web, there is a standard off-white background behind the prototype. I'd like to be able to change the background color to match our prototype background, etc.
-
jsharp commented
Yet another obvious feature that will sit in the decade long backlog :/ — and duplicate to this request (https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/31055587-background-color-on-fullscreen-prototype-should-be)
-
AT commented
I want to use the link to test with people. Here are the problems:
1. Distractions from all the cookie pop-ups and other information, how to exit full screen and what to do. I want to control that so the person exploring can focus on the task at hand.
2. Allow for a custom background around the screens, I don't want it to be white. -
Anonymous commented
When viewing the presentation in full screen mode, I would like to use a different background color then white. So the edges of de design are visible.
For example when you view a design on a bigger screen than the actual size of the designed screen layout.
-
Gustavo Fernando da Silva commented
Black background on shared link view.
-
Chukwudifu Ugochukwu commented
When viewing a prototype with a white background, you can't see the artboard's edges/frame. It makes the prototype loose structure.
Then if i decide to view the prototype in xd app, fonts are unavailable and the prototype looks different.
So, how am I supposed to present my work to concerned parties.Adobe XD has been great but there's too many little but important and critical elements missing.
Some of the complaints I've seen on uservoice have been around for years and nothing has happened.
-
Stu Smith commented
I would love this feature too - Come on Adobe, please implement this.
-
Jaka Music commented
When sharing on the web, if we have artboards with white backgrounds, there is no visual separation between artboard and background. I suggest making the option for making the background dark, or implementind device frames.
-
dave commented
It's critical to have the background be black (or hopefully customizable) for mobile and tablet designs. If your mockup has a white background, you can't really tell where the screen starts and ends. It makes the designs look like they're just floating. It'd be great if it looked like preview mode in full screen.. it has the black background to isolate the designs.
Check out InVision, they nailed this. And i'm team XD all the way, so it's hard for me to say this.
What would be even better is if the web share could toss a designated device border around the app.