- [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,…
Author
Released
6/25/2018- 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
Duration
Views
Related Courses
-
UX Design: 1 Overview
with Chris Nodder13m 48s Intermediate -
UX Foundations: Interaction Design
with David Hogue3h 33m Intermediate -
UX Foundations: Prototyping
with Diane Cronenwett1h 18m Beginner
-
Introduction
-
Using the exercise files2m 1s
-
1. Set Up a Figma Project
-
What is Figma?3m 47s
-
Sign up and take a tour3m 56s
-
Setting up local fonts1m 42s
-
Import from Sketch4m 26s
-
-
2. Adding Content
-
Set up frames4m 53s
-
Working with pages3m 52s
-
Creating and editing shapes5m 38s
-
Drawing4m 35s
-
Images and masking7m 29s
-
Adding and formatting text5m 32s
-
Organizing with layers3m 21s
-
Working with components4m 10s
-
Applying constraints6m 33s
-
Versioning3m 46s
-
-
3. Prototyping
-
What is prototyping1m 30s
-
Create a prototype5m 21s
-
-
4. Teams
-
Setting up a team4m 9s
-
Creating a project2m 43s
-
Working with Team Libraries7m 26s
-
-
5. Collaborating, Sharing, and Exporting
-
Live Device Preview3m 27s
-
Sharing7m 4s
-
Commenting4m 21s
-
Exporting assets4m 8s
-
-
Conclusion
-
Next steps38s
-
- 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.
CancelTake 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.
Share this video
Embed this video
Video: Create a prototype