Join Brian Wood for an in-depth discussion in this video Create a prototype, part of Figma for UX Design.
- [Instructor] So let's set up a prototype…with MyTravelApp, what we've been working on.…A few things to do first though.…Go ahead and press shift one so you can zoom to fit,…and then press control G so you can hide the layout grid.…On the right over here you're gonna see…we have the prototype tab.…Click on that, and you'll see the prototype panel.…And we have a background color,…which is actually the color behind…in the browser window when we preview this.…So you can make it look something different,…maybe match something you're going for.…We also have origin.…Origin is the first screen or frame,…we'll call it, 'cause it's Figma,…that users will see.…
So if you have a really large app for instance,…and you have a billion different screens out here,…maybe you wanna show somebody…a particular part of the process.…You could go in and say,…make the origin, that screen, like login home,…and that's where the prototype would start from.…Now make sure it's home, because this is a simple app.…And then we have connections down here,…
- Creating a Figma project
- Importing from Sketch
- Working with frames and shapes
- Adding and formatting text
- Drawing, components, constraints, and versioning
- Creating a prototype
- Previewing your designs on mobile devices
Skill Level Intermediate
UX Foundations: Interaction Designwith David Hogue3h 33m Intermediate
Using the exercise files2m 1s
1. Set Up a Figma Project
2. Adding Content
5. Collaborating, Sharing, and Exporting
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.