Join Tom Green for an in-depth discussion in this video Photoshop plugin, part of Developing a Design System with UXPin.
- [Instructor] In this exercise what we're going to do…is take a look at getting this document into UXPin.…So to get yourself started…open the Styles.psd document found in your download.…And you can see, there are the colors,…the icons, and the buttons.…Now, to get them out what you do is you go to File,…Generate, and right here is UXPin export and you select it.…Now, inside your download folder…is an empty folder called UXPin.…That's where we're going to stick the generated file,…so you're going to click Open.…
And you're now going to be told that it's going to start.…And by pressing OK, this is a very quick process,…so get set for it; click OK, and it's done.…And if I pop over to the finder…you can see there's the UXPin file.…Now, what you can't do with this UXPin file…is double-click it and expect it to open up in UXPin.…Ain't going to happen.…You've got to actually do a couple of things…in UXPin to get it going.…So let's pop over to the dashboard, here.…And we're going to create a new project,…so we'll just click New Project, we'll call it Pshop.…
- What is a design system?
- Creating a design system
- Adding colors, typography, and other assets
- Integrating Photoshop and Sketch
- Wireframing and prototyping
- Sharing your design system with team members