Learn how to import and edit vector graphics in Adobe XD.
- [Voiceover] For basic graphics like the ones…that you already see in here,…you're probably just going to use Adobe XD,…because it's easy to create and modify graphics.…But a lot of times you're going to be importing assets…from other locations.…You can do that pretty easily.…Just go to File, Import,…and then if you have access to the Exercise Files…just go into the Assets folder…and I can import JPGs, PNG files, GIF files,…SVG files in this case because I want…to import a vector logo.…
Well that's right here.…Logo.svg was just saved from Illustrator as an SVG file,…and then I can import it just like that.…Here it is.…Sometimes Adobe XD will give you hints…right down here at the bottom,…about making a repeat grid.…Don't need to worry about that so I'll close that,…but I can start to position this wherever I want.…I get those guides.…I can also just as easily go out to Finder,…grab that same Logo file and drag it in.…
So that's also an easy way.…Drag and drop from there.…And now I can start to sort of work on this design…
Learn how to lay out a screen design with graphics and text and import vector and raster images. See how easy it is to create complex screen designs, complete with repeated lists and grids that are as simple to change as they are to create. This goes for any mobile screen type: iOS or Android, tablet or smartphone. Once the design is done, author Paul Trani shows how to add interactions and transitions to see how the app will "work" from one screen to the next. The end result is a full-featured prototype that can be shared with designers, developers, and clients, and broken down and exported as assets for use in development.
- Creating your first Adobe XD project
- Working with graphics and text in Adobe XD
- Importing assets
- Building additional screens for different display sizes and platforms
- Creating UI elements
- Using Repeat Grid for easy prototyping of lists and recurring elements
- Adding interactions to elements
- Creating transitions between screens
- Publishing and sharing a prototype
- Exporting artboards and assets