From the course: Developing a Design System with UXPin

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

From wireframe to prototype

From wireframe to prototype - UXPin Tutorial

From the course: Developing a Design System with UXPin

Start my 1-month free trial

From wireframe to prototype

- [Instructor] In this chapter, what we're going to do is take a look at how a design system can actually work in the workflow; and we're going to start with creating a wireframe, adding our elements, and then adding the actual items into the wireframe. So the process for this one starts with just basically making a profile sketch, which is normal. We tend to break out a piece of paper and start sketching out what we're going to do, and this is the page we're going to build or the screen we're going to build. It's just your basic profile screen, and then we're going to turn it into a wireframe right here using the various elements inside of UXPin; and then we're going to turn it into a living document using the design system in UXPin. The other aspect of this chapter that we're going to look at is right here. We'll tend to create components that we're going to reuse a lot, but we also recognize the fact that components are not exactly what we call static; and that means that a lot of…

Contents