In this section, we will show some examples using designs created with Sketch and import them with Framer Studio. Although we can create the layers of our prototypes in code, using design software such as Photoshop or Sketch makes the process much more fluid. You can import the result in Framer as layers that we will use to create the prototype by adding interactivity to them.

In this section, we will include several prototypes and, although each one of them will be independent of the others, it is advisable to read them in the order presented, since some basic concepts will be explained in the first prototype in which they appear, and they will be treated with less detail in the subsequent prototypes.