In this video, Emmanuel Henri demonstrates how to import the assets from Sketch into Framer. He gets the initial project started and imports all assets from Sketch.
- [Narrator] In case you prefer…using Sketch or Photoshop Import Tool…to get your files into Framer,…these are the steps from Framer.…However; in this course we'll consider…that some people don't have Sketch…and we will use the image files…from the resources instead,…in each video.…Therefore, we are not going to use…what we are going to show you now,…but use the exercise files in the images hint…inside of the resources folder.…So you can skip this video if you prefer…doing exactly what we will do with the images…instead of using the Framer import,…but I wanted to show you how that works.…
So let's go ahead and create a new Prototype.…And inside of the…code area…in the design,…so this is where you design…if you are using this tool inside Framer…but we want to import from the code area.…So click on code,…and then there's an import button here…and then you can either import from…Photoshop, Figma, or Sketch.…But in order to import you need to have Sketch running,…so let's go ahead and run Sketch…and open up the purchase-flow…
Released
11/20/2017- Setting up design files in Sketch
- Importing files into Framer
- Adding background elements
- Side scrolling with cards
- Creating quick interactions
- Fixing potential layer conflict issues for interaction
- Switching to different menus with animations
- Adding sound, videos, and SVG animations
Share this video
Embed this video
Video: Importing files into Framer