Learn how to use the UXPin General Web UI components to quickly create a wireframe.
- [Narrator] In this exercise what we're going to do is…we're going to build a wire frame.…And to get yourself started,…get yourself over to the UX pin dashboard,…and select new project.…We're going to name this one Wireframe,…and we're going to click the create new project button,…and we're going to start from scratch,…so we're going to design with UX pin editor.…Now once we arrive at the editor,…we're going to come on over to the canvas properties,…and we're going to choose the iPhone 6 portrait view.…I'm just going to reduce the view here,…simply to get the whole thing to fit in the screen.…
I'm just going to set it to 80%, there we go.…And to create a wire frame in UX pin,…is actually quite simple.…So if we come to the libraries,…and we're going to choose featured or general web UI.…Doesn't matter which library you choose,…because what we're going to use,…is this thing right here, a box.…And we're just going to pull the box over,…and I'm going to push it up,…and this will be the status bar.…So I can say okay fine,…
- Importing artboards from Photoshop and Sketch
- Adding interactivity
- Adding animations
- Designing responsive sites
- Sharing prototypes with stakeholders
- Creating image carousels
- Create slide-in menus
Skill Level Intermediate
1. The UXPin Interface
2. Build an iOS Project
3. Import Photoshop and Sketch Files
4. Adding Interactivity and Animation
5. Building Components
6. Sharing and Collaboration
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.