Join Tom Green for an in-depth discussion in this video Wireframes: UI kit, part of Learning Adobe XD.
- [Instructor] Adobe Experience Design CC…has a neat little feature that's been added to the UI kits.…And you may have noticed it,…and it's up here in File, Get UI Kits, Wireframes.…And what's this all about?…Well, these are actual wireframing kits…that you can use to wireframe up your prototypes,…and then slip content into as you need them.…So, let's see how you can get them.…So, what you do is you select Wireframes,…and it comes to a Behance page right here.…And you're going to have to sign in,…but if you have XD, well, you already got a CC account.…
And you just click Download Kits,…and it comes in as a zip file.…Now, I downloaded it to my desktop,…so I'm just going to close Chrome…and going to minimize this.…I'm just going to shoot this page over so you can see.…So, there's the download, and then I unzipped it.…And here's a really cool thing about it.…It comes in as two XD files,…one for mobile and one for the web.…So, what do they look like?…Well, let's go take a look.…This is the mobile wireframes,…and you're looking at it thinking,…
Author
Tom Green
Updated
8/15/2018Released
4/24/2017- Navigating the XD interface
- Using artboards and grids
- Adding content to layers
- Using the Repeat Grid feature
- Adding interactivity to a project
- Exporting content
- Sharing your work
Skill Level Beginner
Duration
Views
Q: This course was updated on 11/29/2017. What changed?
A: New videos were added that cover the XD Assets panel, Experience Design symbols, Creative Cloud Libraries, and pinning comments.
Q: This course was updated on 08/15/2018. What changed?
A: New videos were added that cover the Search Assets feature, using a grid in XD, the Paste Interactions feature, creating element overlays, fixing element positions, the Design Specs feature, and exporting a project to Zeplin.
-
Introduction
-
Welcome1m 23s
-
-
1. Getting Started with Adobe Experience Design
-
Start screen2m 5s
-
Interface overview2m 42s
-
Menus overview4m 40s
-
Tools panel5m 11s
-
Properties panel3m 8s
-
UI kits2m 45s
-
Wireframes: UI kit2m 17s
-
Creative Cloud Libraries2m 25s
-
Experience Design symbols2m 25s
-
Layers panel2m 49s
-
XD Assets panel4m 9s
-
Prototype panel3m 12s
-
Swap1m 31s
-
Share your XD prototypes2m 35s
-
Search Assets2m 8s
-
Pinning comments3m 9s
-
Device preview2m 34s
-
PC version of XD3m 7s
-
-
2. Going from Concept to Interactive Prototype
-
Use artboards3m 19s
-
How to use a grid in XD3m 25s
-
Create a wireframe in XD8m 14s
-
Create a hamburger menu icon2m 26s
-
Create a search icon4m 19s
-
Add and format text2m 39s
-
Import images1m 52s
-
Use the Repeat Grid4m 14s
-
Create a sign-in screen4m 11s
-
Paste Interactions2m 54s
-
Test an XD project2m 42s
-
Share your XD project4m 36s
-
-
3. Working with Images and Vectors
-
Import content8m 36s
-
Open in Photoshop CC5m 14s
-
Masking in XD4m 55s
-
-
4. Build Stuff in Experience Design
-
Create a slide-in menu3m 33s
-
Create a simple switch5m 6s
-
Draw an icon3m 53s
-
Create a map pin2m 2s
-
Edit an SVG import2m 18s
-
Add columns and grids3m 19s
-
Create element overlays3m 42s
-
Fix element positions1m 54s
-
-
5. Publishing and Developer Handoff
-
Use Device Preview2m 49s
-
Use Desktop Preview3m 26s
-
Sharing and commenting5m 4s
-
Export assets4m 3s
-
Design Specs3m 29s
-
Export PDF3m 27s
-
Extend XD3m 17s
-
Export to Zeplin2m 9s
-
-
Conclusion
-
Next steps1m 13s
-
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: Wireframes: UI kit