If you need to export multiple assets at once, you can use Batch Export in XD. Just mark each layer for Batch Export, and they will use the format and preset you choose when exporting.
- [Instructor] Now that you know how…to export individual elements, let's learn…how we can batch export assets.…Here, what I want, is I want to export…these three icons at the same time.…To do that, I'll open the Layers panel here.…On the bottom left, you can open that.…If you click on elements inside that layer,…you can access them.…Here I have the three elements.…So this is my light one, this is my talk bubble…and this is the calendar.…Let's rename this guy, so this gonna be my Light icon.…
I'm just double-clicking on the layer name to rename it.…This is gonna be my Talk icon…and this is gonna be my Calendar icon.…So now that I have the three assets there,…renamed via layers, in order to mark them…for batch export, what I have to do…is select the layer I want, and then click here…on this little icon here.…You can un-mark if you want.…I'm holding Shift to select more layers.…Then you can right-click, and choose Mark For Batch Export.…
Now, the three layers are marked for batch export.…If I go now to File, Export, Batch,…
Author
Demian Borba
Released
10/17/2018- Adding, removing, and recording interactions
- Using overlays and fixed elements
- Creating rich animations within the same artboard
- Using timed transitions and drag gestures
- Previewing mobile projects on iOS or Android devices
- Sharing prototypes on the web for feedback
- Creating design specs for developers
- Exporting assets as PNG, SVG, PDF, and JPG
- Export designs to After Effects
- Delivering presentations with XD
Skill Level Intermediate
Duration
Views
-
Introduction
-
What is XD?5m 10s
-
1. Prototype Mode Basics
-
Why do we prototype?3m 21s
-
Copy and paste interactions1m 45s
-
Record your interaction2m 7s
-
Fix elements when scrolling2m 50s
-
Mix Auto-Animate with Time4m 15s
-
-
2. Preview Your Mobile Projects with XD
-
Real-time preview via USB1m 44s
-
Artboards and hotspot hints2m 32s
-
-
3. Share a Prototype on the Web
-
Email a copy57s
-
4. Export Assets for Developers
-
Batch exporting assets1m 41s
-
Export to After Effects2m 45s
-
Conclusion
-
Next steps55s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Batch exporting assets