getting images out

New Here ,
Jun 04, 2021 Jun 04, 2021

Copy link to clipboard

Copied

hi i am a front end developer using Adobe xd for the first time,

a design link was sent to me
how do i get my images from this designs

 

Views

223

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 04, 2021 Jun 04, 2021

Copy link to clipboard

Copied

Hello,

 

They must send you the resources, it is not enough to share the design, that the designer, export a batch with the images from XD and share it with you.

 

Greetings, 

WbolanosCo

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 04, 2021 Jun 04, 2021

Copy link to clipboard

Copied

Hello Mukhtar. In addition to what Wilder suggested, depending on the type of prototype that was sent to you, you might be able to get the images from it, as this is what it was made for. If it's a development link, the images that the designer has marked for export can be downloaded, and you can copy the css of the different elements by selecting them.

 

When you open the prototype link, look for an icon like this: < / > on the upper right side of the screen. If it's there, click on it and you will enter the spec mode, where you can click on elements, download some of them and get css code / variables for development. 

 

image.png

 

As you can see in that screen, there is an Assets section, which contains all images the designer marked for export. You can select multiple of them and download them in the prefered format. Also, you can click on them in the design (like an image layer), and download the image directly from it. If you click on a button, text or some other layout element in the design, you will see the CSS code describing that element, which you can also use.

 

Here I've selected the title row of my table, and you can see the css properties describing it on the right:

image.png

 

If you cannot find the </> button, the designer might have sent you the wrong type of link. If you can't figure it out, feel free to send us the prototype link here or via PM if it's confidential, so we can help you out further.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 05, 2021 Jun 05, 2021

Copy link to clipboard

Copied

LATEST
thank you

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines