UI patterns

- [Narrator] Whether it be designing webpages…or mobile projects, UI elements such as cards,…hero units, navigation and buttons to name just a few…are used on practically every page or screen created.…The UXPin designed system lets you add these elements…and it is a rather simple process.…Here's how:…If you open your design system…and come to edit,…you'll see that UI patterns is a category,…so if you click it, you see that you can't do it,…you've got to do it from either sketch or UXPin,…so I'm just going to click finish editing,…go back to by dashboard, go to my projects,…and I'm just going to open up one I've called example…and I'll just edit the design,…and I'm just going to zoom down so you can see…what's on the page, there we go.…

So, as you can see, I've added a profile,…navigation right here, button,…and chat elements from the…flat UI library inside of UXPin,…and I got at that by clicking on more elements…and choosing the flat UI library and they're all there…and they're just drag and drop,…so I'm just going to close the library.…

Resume Transcript Auto-Scroll

Author

Released

1/26/2018

UXPin is a great solution for building out UX design systems for large clients and projects where you need to collaborate with multiple team members. Learn how to use UXPin to create and share your own robust design systems. Find out how to add colors, fonts, images and icons, and common UI patterns to your library, and move Sketch and Photoshop designs into your UXPin workflow. Instructor Tom Green then proceeds step by step through a wireframing and prototyping workflow that shows the design system in action. Finally, learn how to use the role and permission features in UXPin to add team members and enable editing and sharing of design system assets.