11 votes

How do I reposition an artboard which is covered by an image?

You can use the artboard title as a handle. Click the artboard title, then you can drag it wherever you'd like.
  • 211
11 votes
Accepted

Convert svg linear-gradient to CSS linear-gradient (Adobe XD)

I needed to convert <linearGradient> from many SVG files to CSS, and I made this: https://codepen.io/JosephusPaye/pen/vbaxBa?editors=0010. Paste an SVG source and it'll extract all the <...
7 votes
Accepted

How does web developer make use of Adobe XD?

Adobe XD helps with prototyping. You can't build functioning websites in XD, but you can create protypes (or mockups) of what the site should look like, how buttons and styles should interact with ...
  • 9,861
6 votes
Accepted

Adobe Photoshop method to give results equivalent to 'Background Blur' in Adobe XD

Here's one simple method. There may be others . . . Create a copy of the background layer, and apply some Gaussian blur to it. Use the elliptical selection tool to make a circle, then add it as a ...
  • 76.1k
4 votes

How to add page scroll on Adobe Xd?

You can do that by choosing the artboard, then change the scrolling to Vertical, and adjust to view-port height to whatever fits you best. I hope I understood your question right.
4 votes
Accepted

How can I give Drop Shadow effect to a masked image in xd

Duplicate the normal shape (the one with the shadow). Now apply the duplicate as the mask on an image. Move the masked image on top of the shape with the drop shadow. Select both pieces and group them....
  • 76.1k
3 votes
Accepted

Envelope Distort cards game

There is no warp or "distortion" used to create the curve of multiple cards. The cards are merely stacked on top of one another and then each card is rotated. This creates the "arc" overall. Think ...
  • 200k
3 votes
Accepted

How to make a cozy-soft border radius

You can achieve this look by clicking the 3 dots near the corner radius in Figma and playing with smoothing, unfortunately, XD can't read corner smoothing, so you won't be able to edit this as SVG ...
3 votes
Accepted

Can a Converted to Path again converted to text in xd?

No. Once text has been converted to outlines the operation can not be reversed. If you need text back, your only choice is to delete and recreate text. This holds true for all Adobe apps once text has ...
  • 200k
2 votes

Dashed line when changing artboard size in Adobe XD

Choose your artboard by using the moving arrow (shortcut: V), look at the panel on the right side, choose "None" instead of "Vertical" in the Scrolling section.
  • 21
2 votes
Accepted

Update prototype links across all symbols in Adobe XD

In the current 1.0 version of Adobe XD, this does not appear to be possible. However, if you are in Prototype mode (not Design mode), you can copy and paste items (including groups of items), and the ...
  • 46
2 votes

Adobe Experience Design replace images in repeating grid as symbol

Repeat Grids and Symbols in XD both support "overrides," where you can edit text or images in just one grid cell, or one copy of a symbol — allowing it to differ from the others. When you nest ...
2 votes

Adobe XD <circle> to <path>

Right click on the shape and select Convert to Path (Ctrl+8) And then export to svg. That worked for me :)
  • 31
2 votes
Accepted

Adobe XD and file management workflow

I've been using git-xd-filter, which you can set up to run when files are staged for a commit (clean) and when files are checked out from a branch (smudge). It takes care of automatically zipping/...
2 votes

How to align (remove white space between) two objects in Adobe XD?

You'll notice sometimes when things are not aligning against each other that one of the objects may be .5on the x or y axis compared to the other object you're working with. Simply remove the extra ....
  • 121
2 votes
Accepted

How to remove preserve scroll position in Adobe XD

Its simple. i. Click on the Prototype on the top and select the artboard. It will reveal the link(s) made on this artboard. ii. Click the starting node of the link, and you will details in pop-up. ...
2 votes
Accepted

How to make a "squared gradient" in Adobe Animate (or Photoshop, XD, or Illustrator)

You could simply apply a gradient to a thick stroke in Illustrator..... Or as a Layer Style stroke set to Shape Burst in Photoshop.... I wouldn't know about XD or Animate.
  • 200k
2 votes

How to populate a 'DropDown' with a search bar in Adobe XD?

NO You can't make interactive search bar but yes you can make an animated search bar with drop down animation! to make effective drop down menu you have to make two artboard. the first should contain ...
  • 2,023
2 votes

How to create text clipping mask with Adobe XD?

You can use boolean operations for a non-destructive way to do this: Draw a rectangle covering the entire text Select both and create an Intersect boolean group: (or Object > Path > Intersect) If ...
2 votes
Accepted

How to display RGB instead of HSB in Adobe XD's color picker?

Unfortunately, you can’t currently choose to view colours as RGB in Adobe Experience Design, and you can’t open the macOS system colour picker either. But, you could copy and paste the HEX into the ...
2 votes
Accepted

How to select direct layer in Illustrator?

I'm afraid I don't understand. (no clue "that I am point at" indicates. I see no "pointing") In your screenshot there is only one object selected. Only the <Compound Path> is selected. This is ...
  • 200k
2 votes
Accepted

Adobe Xd: placing linked objects

To update a linked component, the way I know is to save it in your CC library and import it inside your XD project, and when you need to edit the component you edit the CC library object, and then you ...
2 votes
Accepted

How to export finished design as one file in Adobe XD

There's no option to do that, but there is a possible work around. Draw a rectangle with no fill and stroke, same size and position as the artboard. Select everything on the artboard (including the ...
  • 76.1k
2 votes

How does web developer make use of Adobe XD?

In the softwares like Adobe XD , Figma, Sketch you can design user interfaces but when we hand the screens or files to the developer so that he could create the application we need a tool i.e zeplinor ...
2 votes
Accepted

How to duplicate items in Adobe Xd while also adding spacing like in Sketch?

The duplicate functionality you're describing does not exist in XD. However, the easiest two options for easily duplicating objects are the Repeat Grid feature, and using the Alt + Shift shortcut. ...
2 votes

Remove recent Adobe XD project from XD Start Screen?

I'm not sure that there's a way to remove specific projects from the recents. It seems that you can probably clear all of them - though not sure this is so helpful... https://adobexd.uservoice.com/...
  • 9,861
2 votes
Accepted

Logo file gets chopped when uploaded to the web

Outline the font. Dolce-Regular, Dolce are not a common typefaces and not included in your SVG file. <text id="YogaMatch" transform="translate(221.04 68.3)" fill="#...
  • 200k
2 votes
Accepted

Why can't I mask a image to another image in xd?

You must need a vector shape/ object to create mask in XD. In first example rectangle is what masking the fruit image. But In second case there is no shape to mask the cat. A picture itself is not a ...
  • 1,308
2 votes
Accepted

How to achieve this Adobe Xd?

You don't need a plugin for this. This is a little bit more tricky, a bit of a hack, but it works. Use the border size, dash and gap settings. Set a large gap size, then you can adjust as shown below. ...
  • 76.1k
1 vote

How to use custom placeholders when sharing projects in Figma?

AFAIK no; you can share only the current version of the file and there isn't a way to import CSV data (although there is a feature request in their forum). However you can make these customizable ...
  • 7,841

Only top scored, non community-wiki answers of a minimum length are eligible