Questions tagged [adobe-xd]
Questions about Adobe Experience Design, a tool to design and prototype websites and mobile apps with.
101
questions
5
votes
1
answer
12k
views
Convert svg linear-gradient to CSS linear-gradient (Adobe XD)
I was given an Adobe .xd file for a website, which needs to be created in WordPress. Part of the design are linear-gradients (as borders of images for example). My problem is, that I can't seem to ...
5
votes
1
answer
1k
views
Adobe XD and file management workflow
Our UX designer uses Adobe XD to mock up and communicate look, layout and behavior to the dev team.
UX dev has everything in a single art board, which (AFAIK) is encapsulated in a single binary ...
4
votes
3
answers
8k
views
How do I reposition an artboard which is covered by an image?
If I have an artboard with an image covering the whole background, how can I move it around? There is nowhere to grab the board and cmd click to move it as usual. If I try to move it, I just end up ...
4
votes
4
answers
1k
views
How to get color percentage formula used in Adobe XD?
I'm a developer and my designer sent me an XD document. He used percentage for color variations. Now, I'm trying to grab the color percentage formula but without success yet.
How can I get the ...
3
votes
2
answers
1k
views
How does web developer make use of Adobe XD?
I am a beginner in web development and design and I want to make my websites more attractive.
So, I have started learning Adobe XD. But I cannot see how exactly I am going to make use of it in ...
3
votes
1
answer
608
views
How can I give Drop Shadow effect to a masked image in xd
I have a masked image, and I want to give a little drop shadow on it in Abobe XD.
But I am not able to do so. Can someone please tell suggest any idea...
reference image
This is what I have tried so ...
3
votes
0
answers
665
views
How to disable that double-clicking on a shape converts it to a path in Adobe XD?
In Adobe XD, when you create a shape and then double-click on it in the Layers sidebar, you convert it to a path. Once converted to a path it cannot be reverted back to a shape, since Adobe XD doesn't ...
3
votes
0
answers
296
views
Apple's iOS Design Resource Library -- Apple supplies wrong font?
I've been using Apple's iOS Design Resource Library in Adobe XD, and have Apple's official SF font installed. The problem is that when you open the library in Adobe XD it complains that the SF font is ...
2
votes
1
answer
689
views
Adobe Photoshop method to give results equivalent to 'Background Blur' in Adobe XD
I am searching for a way to make a blurred object in Adobe Photoshop like the image I've made in Adobe XD with the Background-Blur tool.
2
votes
2
answers
6k
views
How to create text clipping mask with Adobe XD?
How can I create text clipping masks with Adobe XD? I know you can do this with images, but how about with text?
I know this is possible to do with other Adobe software, but I'd prefer not to install ...
2
votes
1
answer
45
views
Logo file gets chopped when uploaded to the web
I have made up a logo in Adobe XD that looks like this:
(Don't mind the line at the top of the screenshot)
But when I try to upload it to google drive, it looks like this:
I never had this problem ...
2
votes
1
answer
1k
views
How to remove preserve scroll position in Adobe XD
I'm beginning to use Adobe XD but my artboard links are automatically preserving the scroll position instead of going to the top. Is there a setting where I can remove this?
Here is an example of the ...
2
votes
2
answers
788
views
How do I copy and paste guides on Adobe xD in Windows?
I'm using Adobe XD on Windows 10. I want to copy my guides from one artboard to another. I think I can copy fine. However, when I go to paste, the Paste option is grayed out. What am I doing wrong ...
2
votes
1
answer
522
views
How to deliver a UX/UI project from adobe xd to the client? [closed]
How do you guys deliver the projects to your clients?
Do you export the screens you made as PNG files and compact it?
Do you send the raw file (.xd or .sketch, etc.)?
Or is there a better solution?
2
votes
0
answers
180
views
Change color for only specific assets in Adobe XD
Let's say one is designing an app and there are two assets, a navigation bar and a tab bar, on multiple screens, that happen to initially use the color Black.
I have watched several instructional ...
2
votes
0
answers
378
views
Grid Layout "Linked Margins" change to "Different Margins" automatically
I'm fighting with this the whole day and I can't seem to get it to have the same value for left-right margins.
Every time I change the value in "Linked margins" it switches to "Different margins" ...
1
vote
1
answer
362
views
How to add page scroll on Adobe Xd?
I have recently started getting to grips with Adobe Xd, which seems great. I am creating a mobile app prototype and I am stuck with one problem.
It might be a very basic question but how do you ...
1
vote
1
answer
856
views
Remove recent Adobe XD project from XD Start Screen?
Is it possible to remove Recent projects from Adobe XD home Screen? Most of my clients aren't familiar with XD and I have to walkthrough the project from my laptop. I don't want them peaking on other ...
1
vote
2
answers
484
views
How to prevent changing stroke every time in Adobe Illustrator?
I have created some icons in Ai, and I want to use them in Adobe Xd. I am trying to import a SVG file in Adobe XD. It's a tool for UI Designs. I am able to import in Ai but I don't want to change its ...
1
vote
2
answers
676
views
How to duplicate items in Adobe Xd while also adding spacing like in Sketch?
One of my favorite keyboard shortcuts in Sketch is the duplicate items cmdd as explained here. In Adobe XD the same option is available, however it duplicates the items in the exact same position as ...
1
vote
1
answer
597
views
How to export finished design as one file in Adobe XD
I tried to export my design as one (image) file from Adobe XD. I tried 'file > export' option, but this results in exporting every assets individually. What I want is to export my finished design as ...
1
vote
2
answers
993
views
How to align (remove white space between) two objects in Adobe XD?
I'm new to Adobe XD. At the moment I'm trying to make a card. For that I made a box and I want to add a line to it. My problem is when I try to align that line to the box, it doesnt align.
Here are ...
1
vote
1
answer
1k
views
Update prototype links across all symbols in Adobe XD
I am currently designing a brochure website using Adobe Experience Design.
I have converted my navigation header into a symbol so that the aesthetic can be easily changed and updated across all the ...
1
vote
1
answer
3k
views
How to display RGB instead of HSB in Adobe XD's color picker?
Our designer has handed me an Adobe XD document. I'm trying to grab RGB values from the elements, but when I bring the color picker I see no option to change to RGB from HSB (I wanted to upload ...
1
vote
1
answer
65
views
How do I create a circle border of 86% of any other number rather than 100% in Adobe xd?
I am trying to create a pie chart in which I am having two separate values.
The bigger number
The smaller number
I am representing the bigger number as an outer circle radius, but the problem is I ...
1
vote
1
answer
389
views
Can one side edge be rounded in adobe xd?
For a rectangle, it is possible to round a single side,
but when I am using a triangle all the sides are getting rounded at the same time.
Please see the image for your reference.
What if I want to ...
1
vote
1
answer
1k
views
Adobe XD: Updating triggers of component's states
I have a quick question about components and states. I'd like to change the interaction between states of a symbol across all my artboards. It has 50 instances. Basically, it has to update from a ...
1
vote
1
answer
174
views
Exporting multiple shapes from Illustrator as one resizable object
I designed a map marker using Adobe Illustrator and I am trying to export this design so I can use it in Adobe XD.
When I export as a .png everything is ok.
But when I export as an SVG I have this ...
1
vote
1
answer
3k
views
CSS equivalent to Adobe XD's “Background Blur” feature?
Developing a page based on an Adobe XD comp.
Since Adobe XD doesn't let you export CSS, I've been hand-coding each element's CSS attributes.
I'm trying to figure out what would be the CSS ...
1
vote
1
answer
36
views
Creating a moving trees animation in adobe XD
I'm new to XD and am just wanting to create an animation with with below. Basically I want to create illusion of movement so I would like the trees behind the truck to roll continuously as if the ...
1
vote
2
answers
146
views
How to create this shape in Adobe Xd?
I need a shape with curved lines. How to create the below shape with curved lines in xd.
The result I need is like this.
Thank you for any help.
1
vote
1
answer
81
views
How do I make a transparent arrow inside a solid white circle?
I have the attached arrow/circle icon. Currently the arrow is white and the circles background is transparent. I instead want to make the circle solid white with the arrow being transparent.
I have no ...
1
vote
2
answers
93
views
How do I make this shape as a png or svg?
I'm trying to make this rectangle with the cut off corner. I'm only managing to create a rectangle at the moment.. how do I cut off the corner?
The white in the screenshot is the shape I'm trying to ...
1
vote
0
answers
551
views
Is there a way to export SVG files from Adobe XD without id's?
When exporting (for example) icons from Adobe XD as SVG files, the code contains ID's that are for me unnecessary. When I want to use the SVG files for instance inline in an HTML file, it will give ID ...
1
vote
1
answer
4k
views
How can I add bullet points in xd?
I am trying to add bullet points in my design using Adobe XD but this function not available in xd,
Although I know some of trick to do it
By clicking ALT + 0149
Copying and pasting text already ...
1
vote
2
answers
2k
views
Display distance between objects in illustrator using smart guides
How can I check the distance between two objects in px like in Figma or Adobe XD? I googled a bit but did not find any way to do this.
This is what I want to achieve.
In Figma.
As you can see, it ...
1
vote
1
answer
75
views
How to import adobe Xd file to Axure?
I have an adobe xd file that I would like to import into axure if there's any way to do please help me
Thank you guys!
1
vote
1
answer
225
views
Remove back button pressed functionality in Adobe XD
I'm trying to design an apps layout in Adobe Xd.
In the start I have a splash screen which transitions to a loading screen which finally transitions to the homepage. But when I press the back button ...
1
vote
1
answer
305
views
Measuring units for Android UI Design
I am designing a mobile app for the Android OS. I am currently using Adobe XD. What is the base screen size that I can use to start designing so that 1px is equal to 1dp or 1sp. Also what is the ...
1
vote
0
answers
221
views
Designing @1x in XD(vector software) is the same as designing @3x in Photoshop (raster software)?
Hello I'm UI/UX designer so pixels and dpi is regular stuff for me so before few times ago I was used to designing in @3x in Photoshop (1080*1920) with dpi of 326 since designing @1x in Photoshop is ...
1
vote
0
answers
192
views
Using Adobe XD Protoype mode, how can I prevent the "go back" mode when using transitions
On MacOS, using Adobe XD Protoype mode, I created a transition between two artboards A and B. The transition on Artboard A has the following parameters :
* Trigger : tap
* Action : Transition
* ...
1
vote
0
answers
251
views
"Export to Zeplin" Feature Not Showing Up on Adobe XD in Windows 10 [closed]
I have designed a landing page with Adobe XD. Now, I need to convert it to HTML5. So, I would like to use Zeplin. But "Export to Zeplin" feature is not showing up on Adobe XD. However, it is working ...
1
vote
0
answers
161
views
Adobe XD Remove off-standing part
I am creating a prototype with Adobe XD. I want to remove off-standing parts from two boxes.
Here are two pictures:
Here is a corner from the white box and the orange off-standing part should be ...
1
vote
1
answer
397
views
Can we see live preview in adobe xd using Windows 10?
Hi I am trying to see the live update in the adobe xd app but I am not able to do so, is it some kind of update that xd has come with?
I am using a Windows 10 Laptop and Tried connecting my USB cable ...
1
vote
1
answer
1k
views
Adobe XD exporting SVG with missing vector objects
I am trying to export a vector as svg from Adobe Xd, the problem is that some of its objects are missing.
The vector consists of:
One circle created using the ellipse tool.
One triangle created ...
1
vote
1
answer
142
views
Steps to to handing off designs to engineers
I work as a UX/UI Designer at a small startup right now. My background is in design with some front end work. I'm not sure our process for handing off files to developers is the most efficient and ...
0
votes
2
answers
308
views
How to make a cozy-soft border radius
I was on Dribbble and saw this shot. They made this seemingly normal-looking border-radius yet it looks different. How would you achieve this in Figma or AdobeXD? Shot link
0
votes
1
answer
318
views
Can a Converted to Path again converted to text in xd?
If I converted a text into a path, then is it possible that I can convert it back again to text in Adobe Xd?
If not then how to deal with this if I want a text back? is there any possible ways to ...
0
votes
1
answer
86
views
Envelope Distort cards game
I want to twist cards like as these cards game in below. I need them in Adobe XD so we can make it with Photoshop or Illustrator. I've tried with Adobe Illustrator
in this way ( Object > Envelope ...
0
votes
3
answers
4k
views
Dashed line when changing artboard size in Adobe XD
I'm using Adobe XD and every time I start a new project I select the dimensions of my Artboard in the small screen that appears every time I open Adobe XD.
If I want to change those dimensions later ...