It’s never been easier to transition from one tool to another. With InVision Studio you can easily open sketch files inside of Studio so you don’t have to start from scratch. In this video, Drew Bridewell demonstrates the steps to import Sketch files to Studio files.
- [Instructor] So now we're gonna talk about importing a sketch file into InVision Studio. Now, I opened an untitled artboard, blank canvas just to get started. But the first thing I wanted to show you was I had previously opened a sketch file inside of studio, and it shows me this little icon in the overview menu. The other thing that you can do is you can open a sketch file directly from your local hard drive. The important thing to know is you don't have to recreate these sketch files over and over and over.
You can open them up and be on your way. So let's do that. So the first thing I'm gonna do is I'm gonna click this open studio or sketch file. So in chapter two, I have a sample file so you can open this up inside of that, or, I'd encourage you to open up your own sketch files inside of studio. So I'm gonna open this up, and then the first thing I'm gonna see is issues importing your file. So this is just to let you know that something might not have come through. So you can click more details to read about what that might be.
But, because I've done this so many times, I can just tell you that there are certain little aspects like maybe the opacity or the way that you set up your sketch file might not come through. But the good news is, it is very accurate. So if I look at these three art boards, the only thing that came through was the opacity of the zero two that was off. So if I toggle back over into sketch, you can see that these exact files, the sample sketch file, looks identical. Now, let me just revert back one more time so you can see that.
So if you look closely at this zero two, this is at five percent opacity. Let me toggle back for you. There it is, you can see it, but all my other aspects are imported. Now, a few pro tips. Now if you had sophisticated symbols inside of sketch, those are going to be imported as components. You're not gonna have to do any other renaming or any other file management for it. You're gonna be able to utilize your components the same way you would be able to utilize the symbols.
And the final thing I'll add is if you have any issues or any questions about when you import files from sketch over into studio, then just feel free to reach out to [email protected]
Released
9/19/2018- Navigating the interface
- Best practices for importing from Sketch
- Drawing, editing, and formatting shapes
- Managing layers
- Rapid prototyping
- Advanced animation
- Percentage-based scaling
- Creating, adding, and editing components
- Sharing and presenting your work
Share this video
Embed this video
Video: Importing from Sketch to InVision Studio