Join Brian Wood for an in-depth discussion in this video Using the exercise files, part of Figma for UX Design (2017).
- [Instructor] I wanted to give you an overview of the exercise files that we're going to use in this figma course just to get an idea of how they work. If you open up the Exercise Files folder, if you have access to them, you're going to see it's broken down by section. The intro section, we don't have anything because it's all introductory material. If you come to one of the folders you will see the files that are located in here that we need for that section. For instance, the SketchDesign in 02. You go into 03 you're going to see a lot of times I'll include a start file.
The start file is actually the end file for the previous section. So, for instance, 03_03_Start is actually the end of 03_02. So, hopefully that makes sense. When you're working, if you're jumping in, I'm going to give you a cue to say hey, you can open this file. I actually work on the same file throughout the whole course. But if you're jumping into 03_06 for instance, you can open this up and join us right where we are. You're going to have to import the fig file. So let me show you how to do that.
Back in Figma, we need to make sure that we're back where the files are, so back to files if you're in one of the files. You're going to see either Recently Viewed or something like that. You can import the file, the staged file, like 03_03_Start.fig by clicking Import File, going to the Exercise Files folder, and picking one of those start files, clicking Open, that's a fig file I actually just exported. It's going to say oh, okay, we just imported it. Click Done and double click to open that and you can start working in that section.
This is where we left off in the previous section, so that's the start file. If you don't have the exercise files, you can go in and if you start from the beginning you'll be able to create almost everything I create. I do have a nav bar that we use and some images and things like that that you may need to use your own for or create your own for, it doesn't matter. So just a quick overview of the lesson files to get you started.
- Creating a Figma project
- Importing from Sketch
- Working with frames and shapes
- Adding and formatting text
- Drawing, components, constraints, and versioning
- Sharing, commenting, and exporting
- Prototyping with Framer